@redocly/theme 0.56.0-next.2 → 0.56.0-next.4

package/src/components/Tag/variables.ts

@@ -181,6 +181,20 @@ export const tag = css`
     --tag-close-button-bg-color-hover: var(--color-sky-2); // @presenter Color
   }
 
+  .tag-raspberry {
+    --tag-color: var(--color-raspberry-7); // @presenter Color
+    --tag-bg-color: transparent; // @presenter Color
+    --tag-border-color: var(--color-raspberry-3); // @presenter Color
+    --tag-close-button-bg-color-hover: var(--color-raspberry-1); // @presenter Color
+  }
+
+  .tag-carrot {
+    --tag-color: var(--color-carrot-8); // @presenter Color
+    --tag-bg-color: transparent; // @presenter Color
+    --tag-border-color: var(--color-carrot-6); // @presenter Color
+    --tag-close-button-bg-color-hover: var(--color-carrot-3); // @presenter Color
+  }
+
   /**
     * @tokens Tag http
     */

package/src/core/constants/catalog.ts

@@ -1 +1,59 @@
+import type { EntityRelationType } from '../types/catalog';
+
 export const CATALOG_TAG_MAX_LENGTH = 15;
+
+export const ENTITY_RELATION_TYPES = [
+  'partOf',
+  'hasParts',
+  'creates',
+  'createdBy',
+  'owns',
+  'ownedBy',
+  'implements',
+  'implementedBy',
+  'dependsOn',
+  'dependencyOf',
+  'uses',
+  'usedBy',
+  'produces',
+  'consumes',
+  'linksTo',
+  'supersedes',
+  'supersededBy',
+  'compatibleWith',
+  'extends',
+  'extendedBy',
+  'relatesTo',
+  'hasMember',
+  'memberOf',
+  'triggers',
+  'triggeredBy',
+] as const;
+
+export const reverseRelationMap: Record<EntityRelationType, EntityRelationType> = {
+  partOf: 'hasParts',
+  hasParts: 'partOf',
+  creates: 'createdBy',
+  createdBy: 'creates',
+  owns: 'ownedBy',
+  ownedBy: 'owns',
+  implements: 'implementedBy',
+  implementedBy: 'implements',
+  dependsOn: 'dependencyOf',
+  dependencyOf: 'dependsOn',
+  uses: 'usedBy',
+  usedBy: 'uses',
+  produces: 'consumes',
+  consumes: 'produces',
+  linksTo: 'linksTo',
+  supersedes: 'supersededBy',
+  supersededBy: 'supersedes',
+  compatibleWith: 'compatibleWith',
+  extends: 'extendedBy',
+  extendedBy: 'extends',
+  relatesTo: 'relatesTo',
+  hasMember: 'memberOf',
+  memberOf: 'hasMember',
+  triggers: 'triggeredBy',
+  triggeredBy: 'triggers',
+} as const;

package/src/core/constants/index.ts

@@ -1,5 +1,5 @@
-export * from '@redocly/theme/core/constants/common';
-export * from '@redocly/theme/core/constants/environments';
-export * from '@redocly/theme/core/constants/code-walkthrough';
-export * from '@redocly/theme/core/constants/search';
-export * from '@redocly/theme/core/constants/catalog';
+export * from './common';
+export * from './environments';
+export * from './code-walkthrough';
+export * from './search';
+export * from './catalog';

package/src/core/constants/search.ts

@@ -1,4 +1,4 @@
-import type { AiSearchErrorConfig } from '@redocly/theme/core/types';
+import type { AiSearchErrorConfig } from '../types/search';
 
 export enum AiSearchError {
   Unauthorized = 'ai_search_unauthorized',

package/src/core/contexts/CodeWalkthrough/CodeWalkthroughControlsContext.tsx

@@ -1,6 +1,6 @@
 import { createContext } from 'react';
 
-import type { WalkthroughControlsState } from '@redocly/theme/core/hooks';
+import type { WalkthroughControlsState } from '../../hooks/code-walkthrough/use-code-walkthrough-controls';
 
 export const CodeWalkthroughControlsStateContext = createContext<WalkthroughControlsState>({
   activeFilters: [],

package/src/core/contexts/CodeWalkthrough/CodeWalkthroughStepsContext.tsx

@@ -1,6 +1,6 @@
 import { createContext } from 'react';
 
-import type { WalkthroughStepsState } from '@redocly/theme/core/types';
+import type { WalkthroughStepsState } from '../../types/code-walkthrough';
 
 export const CodeWalkthroughStepsContext = createContext<WalkthroughStepsState>({
   markers: {},

package/src/core/contexts/ThemeDataContext.tsx

@@ -1,9 +1,9 @@
 import { createContext } from 'react';
 
 import type { JSX } from 'react';
-import type { ThemeHooks } from '@redocly/theme/core/types';
-import type { LinkProps } from '@redocly/theme/components/Link/Link';
-import type { UiAccessibleConfig } from '@redocly/theme/config';
+import type { ThemeHooks } from '../types/hooks';
+import type { LinkProps } from '../../components/Link/Link';
+import type { UiAccessibleConfig } from '../../config';
 
 export interface ThemeDataTransferObject {
   hooks: ThemeHooks;

package/src/core/contexts/index.ts

@@ -1,3 +1,3 @@
-export * from '@redocly/theme/core/contexts/ThemeDataContext';
-export * from '@redocly/theme/core/contexts/CodeWalkthrough/CodeWalkthroughControlsContext';
-export * from '@redocly/theme/core/contexts/CodeWalkthrough/CodeWalkthroughStepsContext';
+export * from './ThemeDataContext';
+export * from './CodeWalkthrough/CodeWalkthroughControlsContext';
+export * from './CodeWalkthrough/CodeWalkthroughStepsContext';

package/src/core/hoc/index.ts

@@ -1 +1 @@
-export * from '@redocly/theme/core/hoc/typedMemo';
+export * from './typedMemo';

package/src/core/hooks/__mocks__/index.ts

@@ -1,28 +1,28 @@
-export * from '@redocly/theme/core/hooks/__mocks__/use-theme-config';
-export * from '@redocly/theme/core/hooks/__mocks__/use-theme-hooks';
-export * from '@redocly/theme/core/hooks/__mocks__/use-mobile-menu';
-export * from '@redocly/theme/core/hooks/__mocks__/use-controlled-state';
-export * from '@redocly/theme/core/hooks/__mocks__/search/use-recent-searches';
-export * from '@redocly/theme/core/hooks/__mocks__/search/use-suggested-pages';
-export * from '@redocly/theme/core/hooks/__mocks__/search/use-search-filter';
-export * from '@redocly/theme/core/hooks/menu/__mocks__/use-mobile-menu-items';
-export * from '@redocly/theme/core/hooks/menu/use-collapse';
-export * from '@redocly/theme/core/hooks/use-active-heading';
-export * from '@redocly/theme/core/hooks/use-control';
-export * from '@redocly/theme/core/hooks/use-dialog-hotkeys';
-export * from '@redocly/theme/core/hooks/use-full-height';
-export * from '@redocly/theme/core/hooks/use-modal-scroll-lock';
-export * from '@redocly/theme/core/hooks/use-mount';
-export * from '@redocly/theme/core/hooks/use-outside-click';
-export * from '@redocly/theme/core/hooks/use-unmount';
-export * from '@redocly/theme/core/hooks/use-color-switcher';
-export * from '@redocly/theme/core/hooks/menu/use-nested-menu';
-export * from '@redocly/theme/core/hooks/menu/use-menu-item-expanded';
-export * from '@redocly/theme/core/hooks/menu/use-mobile-menu-levels';
-export * from '@redocly/theme/core/hooks/feedback/use-report-dialog';
-export * from '@redocly/theme/core/hooks/use-product-picker';
-export * from '@redocly/theme/core/hooks/search/use-search-dialog';
-export * from '@redocly/theme/core/hooks/use-language-picker';
-export * from '@redocly/theme/core/hooks/__mocks__/use-element-size';
-export * from '@redocly/theme/core/hooks/__mocks__/use-time-ago';
-export * from '@redocly/theme/core/hooks/__mocks__/use-input-key-commands';
+export * from './use-theme-config';
+export * from './use-theme-hooks';
+export * from './use-mobile-menu';
+export * from './use-controlled-state';
+export * from './search/use-recent-searches';
+export * from './search/use-suggested-pages';
+export * from './search/use-search-filter';
+export * from '../menu/__mocks__/use-mobile-menu-items';
+export * from '../menu/use-collapse';
+export * from '../use-active-heading';
+export * from '../use-control';
+export * from '../use-dialog-hotkeys';
+export * from '../use-full-height';
+export * from '../use-modal-scroll-lock';
+export * from '../use-mount';
+export * from '../use-outside-click';
+export * from '../use-unmount';
+export * from '../use-color-switcher';
+export * from '../menu/use-nested-menu';
+export * from '../menu/use-menu-item-expanded';
+export * from '../menu/use-mobile-menu-levels';
+export * from '../feedback/use-report-dialog';
+export * from '../use-product-picker';
+export * from '../search/use-search-dialog';
+export * from '../use-language-picker';
+export * from './use-element-size';
+export * from './use-time-ago';
+export * from './use-input-key-commands';

package/src/core/hooks/catalog/useCatalogEntities.ts

@@ -1,4 +1,4 @@
-import type { UseCatalogEntitiesProps } from '@redocly/theme';
+import type { UseCatalogEntitiesProps } from '../../types/catalog';
 
 export function useCatalogEntities({ entitiesTypes, excludedEntities }: UseCatalogEntitiesProps) {
   const initialTypesWithoutAll = entitiesTypes.filter((type) => type !== 'all');

package/src/core/hooks/catalog/useCatalogTableViewRow.ts

@@ -1,6 +1,6 @@
 import { CatalogEntityConfig, EntitiesCatalogConfig } from '@redocly/config';
 
-import { getPathPrefix } from '../../utils';
+import { getPathPrefix } from '../../utils/urls';
 
 type CatalogTableViewRowProps = {
   entityKey: string;

package/src/core/hooks/code-walkthrough/use-code-panel.ts

@@ -6,11 +6,9 @@ import type {
   CodeWalkthroughConditionsObject,
 } from '@redocly/config';
 
-import {
-  CodeWalkthroughControlsStateContext,
-  CodeWalkthroughStepsContext,
-} from '@redocly/theme/core/contexts';
-import { useThemeHooks } from '@redocly/theme/core/hooks';
+import { CodeWalkthroughControlsStateContext } from '../../contexts/CodeWalkthrough/CodeWalkthroughControlsContext';
+import { CodeWalkthroughStepsContext } from '../../contexts/CodeWalkthrough/CodeWalkthroughStepsContext';
+import { useThemeHooks } from '../use-theme-hooks';
 
 const ACTIVE_FILE_MOCK = {
   content: [],

package/src/core/hooks/code-walkthrough/use-code-walkthrough-controls.ts

@@ -12,12 +12,10 @@ import type {
   CodeWalkthroughControlsState,
 } from '@redocly/config';
 
-import {
-  downloadCodeWalkthrough,
-  matchCodeWalkthroughConditions,
-  getCodeWalkthroughFileText,
-  replaceInputsWithValue,
-} from '@redocly/theme/core/utils';
+import { downloadCodeWalkthrough } from '../../utils/download-code-walkthrough';
+import { matchCodeWalkthroughConditions } from '../../utils/match-code-walkthrough-conditions';
+import { getCodeWalkthroughFileText } from '../../utils/get-code-walkthrough-file-text';
+import { replaceInputsWithValue } from '../../utils/replace-inputs-with-value';
 
 export type ActiveFilter = {
   id: string;

package/src/core/hooks/code-walkthrough/use-code-walkthrough-steps.ts

@@ -2,10 +2,11 @@ import { useCallback, useEffect, useRef, useState, useMemo } from 'react';
 import { useLocation, useNavigate } from 'react-router-dom';
 
 import type { CodeWalkthroughStepAttr } from '@redocly/config';
-import type { ActiveStep, MarkerArea, WalkthroughStepsState } from '@redocly/theme/core/types';
+import type { ActiveStep, WalkthroughStepsState } from '../../types/code-walkthrough';
+import type { MarkerArea } from '../../types/marker';
 
-import { getAdjacentValues, insertAt, isBrowser, removeElement } from '@redocly/theme/core/utils';
-import { ACTIVE_STEP_QUERY_PARAM } from '@redocly/theme/core/constants';
+import { getAdjacentValues, insertAt, isBrowser, removeElement } from '../../utils/js-utils';
+import { ACTIVE_STEP_QUERY_PARAM } from '../../constants/code-walkthrough';
 
 type CodeWalkthroughStep = CodeWalkthroughStepAttr & {
   compRef?: HTMLElement;

package/src/core/hooks/code-walkthrough/use-code-walkthrough.ts

@@ -3,13 +3,13 @@ import type {
   CodeWalkthroughStepAttr,
   CodeWalkthroughAttr,
 } from '@redocly/config';
-import type { WalkthroughStepsState } from '@redocly/theme/core/types';
+import type { WalkthroughStepsState } from '../../types/code-walkthrough';
 
 import {
-  useCodeWalkthroughSteps,
   useCodeWalkthroughControls,
   type WalkthroughControlsState,
-} from '@redocly/theme/core/hooks';
+} from './use-code-walkthrough-controls';
+import { useCodeWalkthroughSteps } from './use-code-walkthrough-steps';
 
 export type WalkthroughState = {
   stepsState: WalkthroughStepsState;

package/src/core/hooks/code-walkthrough/use-renderable-files.ts

@@ -1,13 +1,11 @@
 import { useMemo } from 'react';
 
 import type { CodeWalkthroughFile } from '@redocly/config';
-import type { IconProps } from '@redocly/theme/icons/types';
+import type { IconProps } from '../../../icons/types';
 
-import {
-  getFileIconByExt,
-  removeLeadingSlash,
-  findClosestCommonDirectory,
-} from '@redocly/theme/core/utils';
+import { findClosestCommonDirectory } from '../../utils/find-closest-common-directory';
+import { getFileIconByExt } from '../../utils/get-file-icon';
+import { removeLeadingSlash } from '../../utils/urls';
 
 export type RenderableFile = CodeWalkthroughFile & {
   FileIcon: React.FunctionComponent<IconProps>;

package/src/core/hooks/feedback/use-report-dialog.ts

@@ -1,8 +1,9 @@
 import { useState } from 'react';
 
-import type { ReportDialogProps } from '@redocly/theme/components/Feedback/ReportDialog';
+import type { ReportDialogProps } from '../../../components/Feedback/ReportDialog';
 
-import { useThemeHooks, useThemeConfig } from '@redocly/theme/core/hooks';
+import { useThemeHooks } from '../use-theme-hooks';
+import { useThemeConfig } from '../use-theme-config';
 
 export type ReportButtonProps = {
   onClick: () => void;

package/src/core/hooks/index.ts

@@ -1,42 +1,42 @@
-export * from '@redocly/theme/core/hooks/use-theme-config';
-export * from '@redocly/theme/core/hooks/use-control';
-export * from '@redocly/theme/core/hooks/use-mount';
-export * from '@redocly/theme/core/hooks/use-unmount';
-export * from '@redocly/theme/core/hooks/use-active-heading';
-export * from '@redocly/theme/core/hooks/use-active-section-id';
-export * from '@redocly/theme/core/hooks/use-dialog-hotkeys';
-export * from '@redocly/theme/core/hooks/use-full-height';
-export * from '@redocly/theme/core/hooks/use-navbar-height';
-export * from '@redocly/theme/core/hooks/use-outside-click';
-export * from '@redocly/theme/core/hooks/use-theme-hooks';
-export * from '@redocly/theme/core/hooks/use-mobile-menu';
-export * from '@redocly/theme/core/hooks/use-modal-scroll-lock';
-export * from '@redocly/theme/core/hooks/use-color-switcher';
-export * from '@redocly/theme/core/hooks/search/use-recent-searches';
-export * from '@redocly/theme/core/hooks/search/use-suggested-pages';
-export * from '@redocly/theme/core/hooks/menu/use-nested-menu';
-export * from '@redocly/theme/core/hooks/menu/use-menu-item-expanded';
-export * from '@redocly/theme/core/hooks/menu/use-mobile-menu-items';
-export * from '@redocly/theme/core/hooks/menu/use-mobile-menu-levels';
-export * from '@redocly/theme/core/hooks/menu/use-collapse';
-export * from '@redocly/theme/core/hooks/feedback/use-report-dialog';
-export * from '@redocly/theme/core/hooks/use-tabs';
-export * from '@redocly/theme/core/hooks/use-focus-trap';
-export * from '@redocly/theme/core/hooks/use-language-picker';
-export * from '@redocly/theme/core/hooks/use-product-picker';
-export * from '@redocly/theme/core/hooks/search/use-search-dialog';
-export * from '@redocly/theme/core/hooks/search/use-search-filter';
-export * from '@redocly/theme/core/hooks/use-controlled-state';
-export * from '@redocly/theme/core/hooks/use-codeblock-tabs-controls';
-export * from '@redocly/theme/core/hooks/code-walkthrough/use-code-walkthrough';
-export * from '@redocly/theme/core/hooks/code-walkthrough/use-code-walkthrough-steps';
-export * from '@redocly/theme/core/hooks/code-walkthrough/use-code-walkthrough-controls';
-export * from '@redocly/theme/core/hooks/code-walkthrough/use-code-panel';
-export * from '@redocly/theme/core/hooks/code-walkthrough/use-renderable-files';
-export * from '@redocly/theme/core/hooks/use-element-size';
-export * from '@redocly/theme/core/hooks/use-time-ago';
-export * from '@redocly/theme/core/hooks/use-input-key-commands';
-export * from '@redocly/theme/core/hooks/catalog/useCatalogEntities';
-export * from '@redocly/theme/core/hooks/use-active-page-version';
-export * from '@redocly/theme/core/hooks/use-page-versions';
-export * from '@redocly/theme/core/hooks/use-user-teams';
+export * from './use-theme-config';
+export * from './use-control';
+export * from './use-mount';
+export * from './use-unmount';
+export * from './use-active-heading';
+export * from './use-active-section-id';
+export * from './use-dialog-hotkeys';
+export * from './use-full-height';
+export * from './use-navbar-height';
+export * from './use-outside-click';
+export * from './use-theme-hooks';
+export * from './use-mobile-menu';
+export * from './use-modal-scroll-lock';
+export * from './use-color-switcher';
+export * from './search/use-recent-searches';
+export * from './search/use-suggested-pages';
+export * from './menu/use-nested-menu';
+export * from './menu/use-menu-item-expanded';
+export * from './menu/use-mobile-menu-items';
+export * from './menu/use-mobile-menu-levels';
+export * from './menu/use-collapse';
+export * from './feedback/use-report-dialog';
+export * from './use-tabs';
+export * from './use-focus-trap';
+export * from './use-language-picker';
+export * from './use-product-picker';
+export * from './search/use-search-dialog';
+export * from './search/use-search-filter';
+export * from './use-controlled-state';
+export * from './use-codeblock-tabs-controls';
+export * from './code-walkthrough/use-code-walkthrough';
+export * from './code-walkthrough/use-code-walkthrough-steps';
+export * from './code-walkthrough/use-code-walkthrough-controls';
+export * from './code-walkthrough/use-code-panel';
+export * from './code-walkthrough/use-renderable-files';
+export * from './use-element-size';
+export * from './use-time-ago';
+export * from './use-input-key-commands';
+export * from './catalog/useCatalogEntities';
+export * from './use-active-page-version';
+export * from './use-page-versions';
+export * from './use-user-teams';

package/src/core/hooks/menu/use-menu-item-expanded.ts

@@ -1,7 +1,7 @@
 import { useEffect, useState } from 'react';
 
 import type { Dispatch, SetStateAction } from 'react';
-import type { ItemState } from '@redocly/theme/core/types';
+import type { ItemState } from '../../types/sidebar';
 
 function isItemExpanded(item: ItemState) {
   return (

package/src/core/hooks/menu/use-mobile-menu-items.ts

@@ -2,13 +2,10 @@ import { useLocation } from 'react-router-dom';
 
 import type { ResolvedNavItem } from '@redocly/config';
 
-import { useThemeHooks, useThemeConfig } from '@redocly/theme/core/hooks';
-import { MobileMenuType } from '@redocly/theme/core/constants';
-import {
-  buildLanguagesGroup,
-  buildVersionSection,
-  mapNavbarItems,
-} from '@redocly/theme/core/utils';
+import { useThemeHooks } from '../use-theme-hooks';
+import { useThemeConfig } from '../use-theme-config';
+import { MobileMenuType } from '../../constants/common';
+import { buildLanguagesGroup, buildVersionSection, mapNavbarItems } from '../../utils/menu';
 
 const MENU_SEPARATOR: ResolvedNavItem = {
   type: 'separator',

package/src/core/hooks/menu/use-mobile-menu-levels.ts

@@ -3,8 +3,9 @@ import { useLocation } from 'react-router-dom';
 
 import type { ResolvedNavItem } from '@redocly/config';
 
-import { useThemeHooks, useThemeConfig } from '@redocly/theme/core/hooks';
-import { MobileMenuType } from '@redocly/theme/core/constants';
+import { useThemeHooks } from '../use-theme-hooks';
+import { useThemeConfig } from '../use-theme-config';
+import { MobileMenuType } from '../../constants/common';
 
 export const useMobileMenuLevels = () => {
   const { useTranslate, useCurrentProduct, usePageVersions, useSidebarItems } = useThemeHooks();

package/src/core/hooks/menu/use-nested-menu.ts

@@ -1,10 +1,12 @@
 import { useNavigate, useLocation } from 'react-router-dom';
 import { useCallback, useEffect, useState } from 'react';
 
-import type { MenuItemProps } from '@redocly/theme/core/types';
+import type { MenuItemProps } from '../../types/sidebar';
 
-import { useMenuItemExpanded, useCollapse } from '@redocly/theme/core/hooks';
-import { loadAndNavigate, withoutPathPrefix } from '@redocly/theme/core/utils';
+import { useMenuItemExpanded } from './use-menu-item-expanded';
+import { useCollapse } from './use-collapse';
+import { loadAndNavigate } from '../../utils/load-and-navigate';
+import { withoutPathPrefix } from '../../utils/urls';
 
 type NestedMenuProps = MenuItemProps & {
   labelRef?: React.RefObject<HTMLElement | null>;

package/src/core/hooks/search/use-recent-searches.ts

@@ -1,6 +1,6 @@
 import { useCallback, useSyncExternalStore } from 'react';
 
-import { isBrowser } from '@redocly/theme/core/utils';
+import { isBrowser } from '../../utils/js-utils';
 
 const RECENT_SEARCHES_KEY = 'recentSearches';
 const RECENT_SEARCHES_LIMIT = 5;

package/src/core/hooks/search/use-search-dialog.ts

@@ -2,7 +2,8 @@ import { useEffect, useCallback, useState } from 'react';
 import { useLocation } from 'react-router-dom';
 import hotkeys from 'hotkeys-js';
 
-import { useThemeHooks, useThemeConfig } from '@redocly/theme/core/hooks';
+import { useThemeHooks } from '../use-theme-hooks';
+import { useThemeConfig } from '../use-theme-config';
 
 export function useSearchDialog() {
   const [isOpen, setIsOpen] = useState(false);

package/src/core/hooks/search/use-search-filter.ts

@@ -1,6 +1,6 @@
 import { useCallback, useState } from 'react';
 
-import type { SearchFilterItem } from '@redocly/theme/core/types';
+import type { SearchFilterItem } from '../../types/search';
 
 export function useSearchFilter(
   filter: SearchFilterItem[],

package/src/core/hooks/search/use-suggested-pages.ts

@@ -1,4 +1,4 @@
-import { useThemeConfig } from '@redocly/theme/core/hooks';
+import { useThemeConfig } from '../use-theme-config';
 
 export const useSuggestedPages = () => {
   const themeSettings = useThemeConfig();

package/src/core/hooks/use-active-page-version.ts

@@ -1,4 +1,4 @@
-import { useThemeHooks } from '@redocly/theme/core/hooks';
+import { useThemeHooks } from './use-theme-hooks';
 
 export function useActivePageVersion(): string | undefined {
   const { usePageVersions } = useThemeHooks();

package/src/core/hooks/use-active-section-id.ts

@@ -3,7 +3,7 @@ import throttle from 'lodash.throttle';
 
 import type { Location } from 'react-router-dom';
 
-import { useNavbarHeight } from '@redocly/theme/core/hooks';
+import { useNavbarHeight } from './use-navbar-height';
 
 export type UseActiveSectionIdReturnType = string;
 

package/src/core/hooks/use-codeblock-tabs-controls.ts

@@ -1,6 +1,6 @@
 import { useEffect, useState, useCallback, useMemo } from 'react';
 
-import type { FileTabs } from '@redocly/theme/components/CodeBlock/CodeBlock';
+import type { FileTabs } from '../../components/CodeBlock/CodeBlock';
 
 type CodeBlockTabsProps = {
   tabs: FileTabs;

package/src/core/hooks/use-color-switcher.ts

@@ -1,6 +1,7 @@
 import { useState } from 'react';
 
-import { useThemeConfig, useThemeHooks } from '@redocly/theme/core/hooks';
+import { useThemeConfig } from './use-theme-config';
+import { useThemeHooks } from './use-theme-hooks';
 
 export const useColorSwitcher = () => {
   const themeSettings = useThemeConfig();

package/src/core/hooks/use-input-key-commands.ts

@@ -1,6 +1,6 @@
 import { useCallback, useMemo } from 'react';
 
-import { getUserAgent } from '@redocly/theme/core/utils';
+import { getUserAgent } from '../utils/get-user-agent';
 
 type Action = 'selectAll' | 'escape' | 'clear' | 'enter' | 'paste';
 type ActionHandlers = {

package/src/core/hooks/use-language-picker.ts

@@ -1,9 +1,9 @@
 import { useNavigate } from 'react-router-dom';
 
-import type { L10nConfig } from '@redocly/theme/core/types';
+import type { L10nConfig } from '../types/hooks';
 
-import { useThemeHooks } from '@redocly/theme/core/hooks';
-import { getPathnameForLocale, withPathPrefix, withoutPathPrefix } from '@redocly/theme/core/utils';
+import { useThemeHooks } from './use-theme-hooks';
+import { getPathnameForLocale, withPathPrefix, withoutPathPrefix } from '../utils/urls';
 
 export function useLanguagePicker(): {
   currentLocale: L10nConfig['locales'][number] | undefined;

package/src/core/hooks/use-mobile-menu.ts

@@ -1,7 +1,7 @@
 import { useEffect, useState } from 'react';
 import { useLocation } from 'react-router-dom';
 
-import { useModalScrollLock } from '@redocly/theme/core/hooks';
+import { useModalScrollLock } from './use-modal-scroll-lock';
 
 export function useMobileMenu(initialState = false) {
   const location = useLocation();

package/src/core/hooks/use-navbar-height.ts

@@ -2,7 +2,7 @@ import { useEffect, useState } from 'react';
 
 import type { Location } from 'react-router-dom';
 
-import { getNavbarElement } from '@redocly/theme/core/utils';
+import { getNavbarElement } from '../utils/get-navbar-element';
 
 export type UseNavbarHeightReturnType = number;
 

package/src/core/hooks/use-page-versions.ts

@@ -1,4 +1,4 @@
-import { useThemeHooks } from '@redocly/theme/core/hooks';
+import { useThemeHooks } from './use-theme-hooks';
 
 export type PageVersion = {
   active: boolean;

package/src/core/hooks/use-product-picker.ts

@@ -1,6 +1,6 @@
 import { useNavigate } from 'react-router-dom';
 
-import { useThemeHooks } from '@redocly/theme/core/hooks';
+import { useThemeHooks } from './use-theme-hooks';
 
 export function useProductPicker() {
   const { useCurrentProduct, useProducts, useTelemetry, useLoadAndNavigate } = useThemeHooks();

package/src/core/hooks/use-theme-config.ts

@@ -1,8 +1,8 @@
 import { useContext } from 'react';
 
-import type { UiAccessibleConfig } from '@redocly/theme/config';
+import type { UiAccessibleConfig } from '../../config';
 
-import { ThemeDataContext } from '@redocly/theme/core/contexts';
+import { ThemeDataContext } from '../contexts/ThemeDataContext';
 
 // TODO: rename and additionally export as alias for backward compatibility
 export function useThemeConfig<T extends Record<string, unknown>>(