diff --git a/packages/tokens-studio-for-figma/cypress/e2e/branches.cy.js b/packages/tokens-studio-for-figma/cypress/e2e/branches.cy.js
index 53fae23f77..ae630091b0 100644
--- a/packages/tokens-studio-for-figma/cypress/e2e/branches.cy.js
+++ b/packages/tokens-studio-for-figma/cypress/e2e/branches.cy.js
@@ -1,13 +1,11 @@
-import {
-  StorageProviderType
-} from '@/constants/StorageProviderType';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
 import { UpdateMode } from '@/constants/UpdateMode';
 import MockEnv from '../support/mockEnv'
 import { fillTokenForm } from './helpers/utils';
 
 describe('Branch switcher', () => {
   const provider = {
-    provider: StorageProviderType.GITHUB,
+    provider: AVAILABLE_PROVIDERS.GITHUB,
     id: '122/figma-tokens',
     secret: '456',
     name: 'dummy 2',
@@ -157,4 +155,4 @@ describe('Branch switcher', () => {
     cy.get('[data-testid=push-dialog-button-push-changes]').click();
     cy.get('[data-testid=push-dialog-success-heading]').should('have.length', 1);
   });
-});
\ No newline at end of file
+});
diff --git a/packages/tokens-studio-for-figma/cypress/e2e/inspector.cy.js b/packages/tokens-studio-for-figma/cypress/e2e/inspector.cy.js
index c1dbd736c1..b6057670bf 100644
--- a/packages/tokens-studio-for-figma/cypress/e2e/inspector.cy.js
+++ b/packages/tokens-studio-for-figma/cypress/e2e/inspector.cy.js
@@ -1,6 +1,4 @@
-import {
-  StorageProviderType
-} from '@/constants/StorageProviderType';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
 import { UpdateMode } from '@/constants/UpdateMode';
 import MockEnv from '../support/mockEnv';
 
@@ -28,7 +26,7 @@ describe('Inspector tokens', () => {
       updateRemote: true,
       updateStyles: true,
     },
-    storageType: { provider: StorageProviderType.LOCAL },
+    storageType: { provider: AVAILABLE_PROVIDERS.LOCAL },
     user: {
       figmaId: 'figma:1234',
       userId: 'uid:1234',
@@ -253,4 +251,4 @@ describe('Inspector tokens', () => {
     cy.contains('opacity.50').should('not.exist');
     cy.contains('opacity.100');
   });
-});
\ No newline at end of file
+});
diff --git a/packages/tokens-studio-for-figma/cypress/e2e/manage-themes.cy.js b/packages/tokens-studio-for-figma/cypress/e2e/manage-themes.cy.js
index 3825ebdca0..433cc39bb6 100644
--- a/packages/tokens-studio-for-figma/cypress/e2e/manage-themes.cy.js
+++ b/packages/tokens-studio-for-figma/cypress/e2e/manage-themes.cy.js
@@ -1,6 +1,4 @@
-import {
-  StorageProviderType
-} from '@/constants/StorageProviderType';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
 import { UpdateMode } from '@/constants/UpdateMode';
 import MockEnv from '../support/mockEnv';
 
@@ -33,7 +31,7 @@ describe('TokenListing', () => {
       updateRemote: true,
       updateStyles: true,
     },
-    storageType: { provider: StorageProviderType.LOCAL },
+    storageType: { provider: AVAILABLE_PROVIDERS.LOCAL },
     user: {
       figmaId: 'figma:1234',
       userId: 'uid:1234',
diff --git a/packages/tokens-studio-for-figma/cypress/e2e/startup.cy.js b/packages/tokens-studio-for-figma/cypress/e2e/startup.cy.js
index 8e43e5dda7..3066fc761e 100644
--- a/packages/tokens-studio-for-figma/cypress/e2e/startup.cy.js
+++ b/packages/tokens-studio-for-figma/cypress/e2e/startup.cy.js
@@ -1,6 +1,4 @@
-import {
-  StorageProviderType
-} from '@/constants/StorageProviderType';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
 import {
   TokenTypes
 } from '@/constants/TokenTypes';
@@ -29,7 +27,7 @@ describe('Loads application', () => {
       updateRemote: true,
       updateStyles: true,
     },
-    storageType: { provider: StorageProviderType.LOCAL },
+    storageType: { provider: AVAILABLE_PROVIDERS.LOCAL },
     user: {
       figmaId: 'figma:1234',
       userId: 'uid:1234',
diff --git a/packages/tokens-studio-for-figma/cypress/e2e/themes.cy.js b/packages/tokens-studio-for-figma/cypress/e2e/themes.cy.js
index 93b990da37..c97434db5b 100644
--- a/packages/tokens-studio-for-figma/cypress/e2e/themes.cy.js
+++ b/packages/tokens-studio-for-figma/cypress/e2e/themes.cy.js
@@ -1,6 +1,4 @@
-import {
-  StorageProviderType
-} from '@/constants/StorageProviderType';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
 import { UpdateMode } from '@/constants/UpdateMode';
 import MockEnv from '../support/mockEnv';
 
@@ -27,7 +25,7 @@ describe('Themes', () => {
       updateRemote: true,
       updateStyles: true,
     },
-    storageType: { provider: StorageProviderType.LOCAL },
+    storageType: { provider: AVAILABLE_PROVIDERS.LOCAL },
     user: {
       figmaId: 'figma:1234',
       userId: 'uid:1234',
@@ -121,4 +119,4 @@ describe('Themes', () => {
     cy.get('[data-testid="button-manage-themes-modal-delete-theme"]').click();
     cy.get('[data-testid="singlethemeentry"]').should('have.length', 0)
   });
-});
\ No newline at end of file
+});
diff --git a/packages/tokens-studio-for-figma/cypress/e2e/tokens.cy.js b/packages/tokens-studio-for-figma/cypress/e2e/tokens.cy.js
index 3124392644..f65c620107 100644
--- a/packages/tokens-studio-for-figma/cypress/e2e/tokens.cy.js
+++ b/packages/tokens-studio-for-figma/cypress/e2e/tokens.cy.js
@@ -1,6 +1,4 @@
-import {
-  StorageProviderType
-} from '@/constants/StorageProviderType';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
 import { UpdateMode } from '@/constants/UpdateMode';
 import MockEnv from '../support/mockEnv';
 import { fillTokenForm, fillInputNth, fillValueInput, fillInput } from './helpers/utils';
@@ -28,7 +26,7 @@ describe('TokenListing', () => {
       updateRemote: true,
       updateStyles: true,
     },
-    storageType: { provider: StorageProviderType.LOCAL },
+    storageType: { provider: AVAILABLE_PROVIDERS.LOCAL },
     user: {
       figmaId: 'figma:1234',
       userId: 'uid:1234',
@@ -464,7 +462,7 @@ describe('TokenListing', () => {
     cy.get('span:contains("minWidth")').parent().should('be.visible');
     cy.get('span:contains("minWidth")').parent().click();
     cy.get('[data-testid="composition-token-dropdown"]').click();
-    
+
 
     cy.get('body').type('{esc}');
 
diff --git a/packages/tokens-studio-for-figma/src/app/components/AppContainer/__tests__/AppContainerIntegration.test.tsx b/packages/tokens-studio-for-figma/src/app/components/AppContainer/__tests__/AppContainerIntegration.test.tsx
index bdf4c3bfb3..451980fe6c 100644
--- a/packages/tokens-studio-for-figma/src/app/components/AppContainer/__tests__/AppContainerIntegration.test.tsx
+++ b/packages/tokens-studio-for-figma/src/app/components/AppContainer/__tests__/AppContainerIntegration.test.tsx
@@ -1,7 +1,8 @@
 import React from 'react';
 import { Provider } from 'react-redux';
+import type { StorageProviderType } from '@sync-providers/types';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
 import { Entitlements } from '@/app/store/models/userState';
-import { StorageProviderType } from '@/constants/StorageProviderType';
 import { TokenSetStatus } from '@/constants/TokenSetStatus';
 import { TokenTypes } from '@/constants/TokenTypes';
 import {
@@ -86,7 +87,7 @@ const mockValues: Record<string, AnyTokenList> = {
 };
 
 const mockGithubStoragetype: StorageType = {
-  provider: StorageProviderType.GITHUB,
+  provider: AVAILABLE_PROVIDERS.GITHUB as StorageProviderType.GITHUB,
   id: 'github',
   internalId: 'github',
   name: 'Github',
@@ -96,7 +97,7 @@ const mockGithubStoragetype: StorageType = {
 
 const mockGithubApiProviders: StorageTypeCredentials[] = [
   {
-    provider: StorageProviderType.GITHUB,
+    provider: AVAILABLE_PROVIDERS.GITHUB as StorageProviderType.GITHUB,
     id: 'github',
     internalId: 'github',
     name: 'Github',
@@ -128,7 +129,7 @@ const mockStartupParams: Omit<StartupMessage, 'licenseKey'> = {
   localApiProviders: [],
   settings: mockSettings,
   storageType: {
-    provider: StorageProviderType.LOCAL,
+    provider: AVAILABLE_PROVIDERS.LOCAL as StorageProviderType.LOCAL,
   },
   user: mockUser,
   localTokenData: {
@@ -405,7 +406,7 @@ describe('AppContainer (integration)', () => {
       checkForChanges: false,
     },
     storageType: {
-      provider: StorageProviderType.GITHUB,
+      provider: AVAILABLE_PROVIDERS.GITHUB,
       branch: 'main',
       filePath: 'data/tokens.json',
       id: 'github',
diff --git a/packages/tokens-studio-for-figma/src/app/components/AppContainer/startupProcessSteps/__tests__/pullTokensFactory.test.ts b/packages/tokens-studio-for-figma/src/app/components/AppContainer/startupProcessSteps/__tests__/pullTokensFactory.test.ts
index 820b45b414..2209849a64 100644
--- a/packages/tokens-studio-for-figma/src/app/components/AppContainer/startupProcessSteps/__tests__/pullTokensFactory.test.ts
+++ b/packages/tokens-studio-for-figma/src/app/components/AppContainer/startupProcessSteps/__tests__/pullTokensFactory.test.ts
@@ -1,4 +1,5 @@
-import { StorageProviderType } from '@/constants/StorageProviderType';
+import type { StorageProviderType } from '@sync-providers/types';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
 import { createMockStore } from '../../../../../../tests/config/setupTest';
 import type { StartupMessage } from '@/types/AsyncMessages';
 import { TokenTypes } from '@/constants/TokenTypes';
@@ -21,7 +22,7 @@ describe('pullTokensFactory', () => {
     id: 'github',
     internalId: 'github',
     name: 'Github',
-    provider: StorageProviderType.GITHUB,
+    provider: AVAILABLE_PROVIDERS.GITHUB as StorageProviderType.GITHUB,
     branch: 'main',
     filePath: 'data/tokens.json',
   };
@@ -39,7 +40,7 @@ describe('pullTokensFactory', () => {
     const mockStore = createMockStore({
       uiState: {
         storageType: {
-          provider: StorageProviderType.LOCAL,
+          provider: AVAILABLE_PROVIDERS.LOCAL as StorageProviderType.LOCAL,
         },
       },
     });
@@ -83,7 +84,7 @@ describe('pullTokensFactory', () => {
     const mockStore = createMockStore({
       uiState: {
         storageType: {
-          provider: StorageProviderType.LOCAL,
+          provider: AVAILABLE_PROVIDERS.LOCAL as StorageProviderType.LOCAL,
         },
       },
     });
diff --git a/packages/tokens-studio-for-figma/src/app/components/AppContainer/startupProcessSteps/__tests__/saveStorageInformationFactory.test.ts b/packages/tokens-studio-for-figma/src/app/components/AppContainer/startupProcessSteps/__tests__/saveStorageInformationFactory.test.ts
index 74ce684a37..f7817c8649 100644
--- a/packages/tokens-studio-for-figma/src/app/components/AppContainer/startupProcessSteps/__tests__/saveStorageInformationFactory.test.ts
+++ b/packages/tokens-studio-for-figma/src/app/components/AppContainer/startupProcessSteps/__tests__/saveStorageInformationFactory.test.ts
@@ -1,4 +1,4 @@
-import { StorageProviderType } from '@/constants/StorageProviderType';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
 import { StartupMessage } from '@/types/AsyncMessages';
 import { createMockStore } from '../../../../../../tests/config/setupTest';
 import { saveStorageInformationFactory } from '../saveStorageInformationFactory';
@@ -7,10 +7,10 @@ describe('saveStorageInformationFactory', () => {
   it('should work', async () => {
     const mockStore = createMockStore({});
     const mockParams = {
-      storageType: StorageProviderType.GITHUB,
+      storageType: AVAILABLE_PROVIDERS.GITHUB,
       localApiProviders: [
         {
-          provider: StorageProviderType.GITHUB,
+          provider: AVAILABLE_PROVIDERS.GITHUB,
         },
       ],
     } as unknown as StartupMessage;
@@ -23,7 +23,7 @@ describe('saveStorageInformationFactory', () => {
 
     expect(mockSetStorageFn).toBeCalledTimes(1);
     expect(mockSetStorageFn).toBeCalledWith({
-      provider: StorageProviderType.GITHUB,
+      provider: AVAILABLE_PROVIDERS.GITHUB,
     });
     expect(mockStore.getState().uiState.apiProviders).toEqual(mockParams.localApiProviders);
   });
diff --git a/packages/tokens-studio-for-figma/src/app/components/AppContainer/startupProcessSteps/pullTokensFactory.ts b/packages/tokens-studio-for-figma/src/app/components/AppContainer/startupProcessSteps/pullTokensFactory.ts
index 31c3ebfab3..d74f859c10 100644
--- a/packages/tokens-studio-for-figma/src/app/components/AppContainer/startupProcessSteps/pullTokensFactory.ts
+++ b/packages/tokens-studio-for-figma/src/app/components/AppContainer/startupProcessSteps/pullTokensFactory.ts
@@ -1,12 +1,12 @@
 import * as Sentry from '@sentry/react';
 import type { LDFlagSet } from 'launchdarkly-js-client-sdk';
 import { Store } from 'redux';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
 import { INTERNAL_THEMES_NO_GROUP } from '../../../../constants/InternalTokenGroup';
 import type { StartupMessage } from '@/types/AsyncMessages';
 import type { Dispatch, RootState } from '@/app/store';
 import { Tabs } from '@/constants/Tabs';
 import { storageTypeSelector } from '@/selectors';
-import { StorageProviderType } from '@/constants/StorageProviderType';
 import useConfirm from '@/app/hooks/useConfirm';
 import isSameCredentials from '@/utils/isSameCredentials';
 import { track } from '@/utils/analytics';
@@ -37,15 +37,15 @@ export function pullTokensFactory(
     const state = store.getState();
     const storageType = storageTypeSelector(state);
     const isRemoteStorage = [
-      StorageProviderType.ADO,
-      StorageProviderType.GITHUB,
-      StorageProviderType.GITLAB,
-      StorageProviderType.BITBUCKET,
-      StorageProviderType.JSONBIN,
-      StorageProviderType.GENERIC_VERSIONED_STORAGE,
-      StorageProviderType.URL,
-      StorageProviderType.SUPERNOVA,
-      StorageProviderType.TOKENS_STUDIO,
+      AVAILABLE_PROVIDERS.ADO,
+      AVAILABLE_PROVIDERS.GITHUB,
+      AVAILABLE_PROVIDERS.GITLAB,
+      AVAILABLE_PROVIDERS.BITBUCKET,
+      AVAILABLE_PROVIDERS.JSONBIN,
+      AVAILABLE_PROVIDERS.GENERIC_VERSIONED_STORAGE,
+      AVAILABLE_PROVIDERS.URL,
+      AVAILABLE_PROVIDERS.SUPERNOVA,
+      AVAILABLE_PROVIDERS.TOKENS_STUDIO,
     ].includes(storageType.provider);
 
     if (isRemoteStorage) {
@@ -63,10 +63,10 @@ export function pullTokensFactory(
           }
 
           if (
-            matchingSet.provider === StorageProviderType.GITHUB
-            || matchingSet.provider === StorageProviderType.GITLAB
-            || matchingSet.provider === StorageProviderType.ADO
-            || matchingSet.provider === StorageProviderType.BITBUCKET
+            matchingSet.provider === AVAILABLE_PROVIDERS.GITHUB
+            || matchingSet.provider === AVAILABLE_PROVIDERS.GITLAB
+            || matchingSet.provider === AVAILABLE_PROVIDERS.ADO
+            || matchingSet.provider === AVAILABLE_PROVIDERS.BITBUCKET
           ) {
             const branches = await useRemoteTokensResult.fetchBranches(matchingSet);
             if (branches) dispatch.branchState.setBranches(branches);
@@ -136,7 +136,7 @@ export function pullTokensFactory(
       if (
         !checkForChanges
         || (
-          (storageType && storageType.provider !== StorageProviderType.LOCAL)
+          (storageType && storageType.provider !== AVAILABLE_PROVIDERS.LOCAL)
           && checkForChanges && (!await askUserIfRecoverLocalChanges())
         )
       ) {
diff --git a/packages/tokens-studio-for-figma/src/app/components/ConvertToDTCGModal.tsx b/packages/tokens-studio-for-figma/src/app/components/ConvertToDTCGModal.tsx
index 5ad1a41eba..8d5a3509d5 100644
--- a/packages/tokens-studio-for-figma/src/app/components/ConvertToDTCGModal.tsx
+++ b/packages/tokens-studio-for-figma/src/app/components/ConvertToDTCGModal.tsx
@@ -4,6 +4,7 @@ import {
 import React from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import { useTranslation } from 'react-i18next';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
 import Modal from './Modal';
 import { Dispatch } from '../store';
 import { TokenFormatOptions } from '@/plugin/TokenFormatStoreClass';
@@ -15,7 +16,6 @@ import useRemoteTokens from '../store/remoteTokens';
 import w3cConvertImage from '@/app/assets/hints/w3cformat.png';
 import legacyConvertImage from '@/app/assets/hints/legacyformat.png';
 import { storageTypeSelector } from '@/selectors';
-import { StorageProviderType } from '@/constants/StorageProviderType';
 
 export function ConvertToDTCGModal() {
   const dispatch = useDispatch<Dispatch>();
@@ -35,7 +35,7 @@ export function ConvertToDTCGModal() {
   const handleConvert = React.useCallback(() => {
     dispatch.tokenState.setTokenFormat(isDTCG ? TokenFormatOptions.Legacy : TokenFormatOptions.DTCG);
     dispatch.uiState.setShowConvertTokenFormatModal(false);
-    if (storageType.provider === StorageProviderType.LOCAL) return;
+    if (storageType.provider === AVAILABLE_PROVIDERS.LOCAL) return;
     pushTokens({
       overrides: isDTCG ? {
         branch: 'w3c-dtcg-conversion-revert',
@@ -47,7 +47,7 @@ export function ConvertToDTCGModal() {
     });
   }, [dispatch, pushTokens, isDTCG, storageType]);
 
-  const hasRemoteChanges = hasChanges && storageType.provider !== StorageProviderType.LOCAL;
+  const hasRemoteChanges = hasChanges && storageType.provider !== AVAILABLE_PROVIDERS.LOCAL;
 
   return (
     <Modal title={isDTCG ? t('w3cformatmodaltitle') : t('w3cconverttitle')} isOpen={showConvertTokenFormatModal} close={handleClose} showClose>
diff --git a/packages/tokens-studio-for-figma/src/app/components/Footer.test.tsx b/packages/tokens-studio-for-figma/src/app/components/Footer.test.tsx
index 3dd1428ab3..044f8d4d80 100644
--- a/packages/tokens-studio-for-figma/src/app/components/Footer.test.tsx
+++ b/packages/tokens-studio-for-figma/src/app/components/Footer.test.tsx
@@ -1,9 +1,9 @@
 import React from 'react';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
 import { render, waitFor } from '../../../tests/config/setupTest';
 import { store } from '../store';
 import Footer from './Footer';
 import * as pjs from '../../../package.json';
-import { StorageProviderType } from '@/constants/StorageProviderType';
 
 describe('Footer', () => {
   it('displays current version number', () => {
@@ -13,7 +13,7 @@ describe('Footer', () => {
 
   it('shows branch selector for users on a free plan', () => {
     const { getByText } = render(<Footer />, { store });
-    store.dispatch.uiState.setLocalApiState({ provider: StorageProviderType.GITHUB, branch: 'test-branch' });
+    store.dispatch.uiState.setLocalApiState({ provider: AVAILABLE_PROVIDERS.GITHUB, branch: 'test-branch' });
     waitFor(() => {
       expect(getByText('test-branch')).toBeInTheDocument();
     });
@@ -21,7 +21,7 @@ describe('Footer', () => {
 
   it('shows push button when user is able to push', () => {
     const { getByTestId } = render(<Footer />, { store });
-    store.dispatch.uiState.setLocalApiState({ provider: StorageProviderType.GITHUB, branch: 'test-branch', filePath: 'tokens.json' });
+    store.dispatch.uiState.setLocalApiState({ provider: AVAILABLE_PROVIDERS.GITHUB, branch: 'test-branch', filePath: 'tokens.json' });
 
     waitFor(() => {
       const pushButton = getByTestId('footer-push-button');
@@ -33,7 +33,7 @@ describe('Footer', () => {
 
   it('disables push button when user is not able to push', () => {
     const { getByTestId } = render(<Footer />, { store });
-    store.dispatch.uiState.setLocalApiState({ provider: StorageProviderType.GITHUB, branch: 'test-branch' });
+    store.dispatch.uiState.setLocalApiState({ provider: AVAILABLE_PROVIDERS.GITHUB, branch: 'test-branch' });
     store.dispatch.tokenState.setEditProhibited(true);
 
     waitFor(() => {
@@ -46,7 +46,7 @@ describe('Footer', () => {
 
   it('shows pull button when user is able to pull', () => {
     const { getByTestId } = render(<Footer />, { store });
-    store.dispatch.uiState.setLocalApiState({ provider: StorageProviderType.GITHUB, branch: 'test-branch' });
+    store.dispatch.uiState.setLocalApiState({ provider: AVAILABLE_PROVIDERS.GITHUB, branch: 'test-branch' });
     waitFor(() => {
       const pullButton = getByTestId('footer-pull-button');
 
diff --git a/packages/tokens-studio-for-figma/src/app/components/Footer.tsx b/packages/tokens-studio-for-figma/src/app/components/Footer.tsx
index b136785355..733eceb3c6 100644
--- a/packages/tokens-studio-for-figma/src/app/components/Footer.tsx
+++ b/packages/tokens-studio-for-figma/src/app/components/Footer.tsx
@@ -3,6 +3,7 @@ import { useSelector } from 'react-redux';
 import { DownloadIcon, UploadIcon } from '@primer/octicons-react';
 import { useTranslation } from 'react-i18next';
 import { IconButton } from '@tokens-studio/ui';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
 import * as pjs from '../../../package.json';
 import Box from './Box';
 import Stack from './Stack';
@@ -21,7 +22,6 @@ import DocsIcon from '@/icons/docs.svg';
 import RefreshIcon from '@/icons/refresh.svg';
 import FeedbackIcon from '@/icons/feedback.svg';
 import Tooltip from './Tooltip';
-import { StorageProviderType } from '@/constants/StorageProviderType';
 import { isGitProvider } from '@/utils/is';
 import IconLibrary from '@/icons/library.svg';
 import ProBadge from './ProBadge';
@@ -71,7 +71,7 @@ export default function Footer() {
     >
 
       <Stack direction="row" align="center" gap={2}>
-        {((isGitProvider(localApiState) && localApiState.branch) || storageType.provider === StorageProviderType.SUPERNOVA) && (
+        {((isGitProvider(localApiState) && localApiState.branch) || storageType.provider === AVAILABLE_PROVIDERS.SUPERNOVA) && (
           <>
             <BranchSelector />
             <TokenFormatBadge />
@@ -108,15 +108,15 @@ export default function Footer() {
             </DirtyStateBadgeWrapper>
           </>
         )}
-        {storageType.provider !== StorageProviderType.LOCAL
-          && storageType.provider !== StorageProviderType.GITHUB
-          && storageType.provider !== StorageProviderType.GITLAB
-          && storageType.provider !== StorageProviderType.ADO
-          && storageType.provider !== StorageProviderType.BITBUCKET
-          && storageType.provider !== StorageProviderType.SUPERNOVA
+        {storageType.provider !== AVAILABLE_PROVIDERS.LOCAL
+          && storageType.provider !== AVAILABLE_PROVIDERS.GITHUB
+          && storageType.provider !== AVAILABLE_PROVIDERS.GITLAB
+          && storageType.provider !== AVAILABLE_PROVIDERS.ADO
+          && storageType.provider !== AVAILABLE_PROVIDERS.BITBUCKET
+          && storageType.provider !== AVAILABLE_PROVIDERS.SUPERNOVA
           ? (
             <Stack align="center" direction="row" gap={2}>
-              {storageType.provider === StorageProviderType.JSONBIN && (
+              {storageType.provider === AVAILABLE_PROVIDERS.JSONBIN && (
                 <Tooltip label={t('goTo', {
                   provider: transformProviderName(storageType.provider),
                 }) as string}
diff --git a/packages/tokens-studio-for-figma/src/app/components/Initiator.test.tsx b/packages/tokens-studio-for-figma/src/app/components/Initiator.test.tsx
index b01130a8cf..9f7eeac2bf 100644
--- a/packages/tokens-studio-for-figma/src/app/components/Initiator.test.tsx
+++ b/packages/tokens-studio-for-figma/src/app/components/Initiator.test.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import { Provider } from 'react-redux';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
 import {
   render, fireEvent, resetStore, createMockStore,
 } from '../../../tests/config/setupTest';
@@ -7,7 +8,6 @@ import App from './App';
 import { store } from '../store';
 import { Initiator } from './Initiator';
 import { TokenTypes } from '@/constants/TokenTypes';
-import { StorageProviderType } from '@/constants/StorageProviderType';
 import { Tabs } from '@/constants/Tabs';
 import { UpdateMode } from '@/constants/UpdateMode';
 import { ApplyVariablesStylesOrRawValues } from '@/constants/ApplyVariablesStyleOrder';
@@ -224,7 +224,7 @@ describe('Initiator', () => {
               activeTheme: {},
               themes: [],
               storageType: {
-                provider: StorageProviderType.LOCAL,
+                provider: AVAILABLE_PROVIDERS.LOCAL,
               },
             },
           },
@@ -268,7 +268,7 @@ describe('Initiator', () => {
               activeTheme: {},
               themes: [],
               storageType: {
-                provider: StorageProviderType.LOCAL,
+                provider: AVAILABLE_PROVIDERS.LOCAL,
               },
             },
           },
@@ -296,7 +296,7 @@ describe('Initiator', () => {
             type: 'apiProviders',
             providers: [
               {
-                provider: StorageProviderType.GITHUB,
+                provider: AVAILABLE_PROVIDERS.GITHUB,
               },
             ],
           },
@@ -307,7 +307,7 @@ describe('Initiator', () => {
     const state = mockStore.getState();
     expect(state.uiState.apiProviders).toEqual([
       {
-        provider: StorageProviderType.GITHUB,
+        provider: AVAILABLE_PROVIDERS.GITHUB,
       },
     ]);
   });
diff --git a/packages/tokens-studio-for-figma/src/app/components/JSONEditor.tsx b/packages/tokens-studio-for-figma/src/app/components/JSONEditor.tsx
index 2b5d03708f..407cb3c06e 100644
--- a/packages/tokens-studio-for-figma/src/app/components/JSONEditor.tsx
+++ b/packages/tokens-studio-for-figma/src/app/components/JSONEditor.tsx
@@ -1,12 +1,12 @@
 import React from 'react';
 import { useSelector } from 'react-redux';
 import Editor, { useMonaco } from '@monaco-editor/react';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
 import Box from './Box';
 import { useShortcut } from '@/hooks/useShortcut';
 import { activeApiProviderSelector, activeTokenSetReadOnlySelector, editProhibitedSelector } from '@/selectors';
 import useTokens from '../store/useTokens';
 import { useFigmaTheme } from '@/hooks/useFigmaTheme';
-import { StorageProviderType } from '@/constants/StorageProviderType';
 
 type Props = {
   stringTokens: string;
@@ -20,7 +20,7 @@ function JSONEditor({
   const editProhibited = useSelector(editProhibitedSelector);
   const activeTokenSetReadOnly = useSelector(activeTokenSetReadOnlySelector);
   const activeApiProvider = useSelector(activeApiProviderSelector);
-  const isTokensStudioProvider = activeApiProvider === StorageProviderType.TOKENS_STUDIO;
+  const isTokensStudioProvider = activeApiProvider === AVAILABLE_PROVIDERS.TOKENS_STUDIO;
 
   const { handleJSONUpdate } = useTokens();
   const { isDarkTheme } = useFigmaTheme();
diff --git a/packages/tokens-studio-for-figma/src/app/components/LocalStorageItem.tsx b/packages/tokens-studio-for-figma/src/app/components/LocalStorageItem.tsx
index ea97d1bd52..b09d00d7a0 100644
--- a/packages/tokens-studio-for-figma/src/app/components/LocalStorageItem.tsx
+++ b/packages/tokens-studio-for-figma/src/app/components/LocalStorageItem.tsx
@@ -5,14 +5,15 @@ import {
 } from '@tokens-studio/ui';
 import { useDispatch, useSelector } from 'react-redux';
 
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
 import { IconFile } from '@/icons';
 import { StyledStorageItem } from './StyledStorageItem';
 import { Dispatch } from '../store';
 import useStorage from '../store/useStorage';
 import { storageTypeSelector } from '@/selectors';
 import useConfirm from '../hooks/useConfirm';
-import { StorageProviderType } from '@/constants/StorageProviderType';
 import { TokenFormatBadge } from './TokenFormatBadge';
+import type { StorageProviderType } from '@/types/StorageType';
 
 const LocalStorageItem = () => {
   const { t } = useTranslation(['storage']);
@@ -22,17 +23,17 @@ const LocalStorageItem = () => {
   const { setStorageType } = useStorage();
 
   const handleSubmitLocalStorage = React.useCallback(() => {
-    dispatch.uiState.setLocalApiState({ provider: StorageProviderType.LOCAL });
-    // setStorageProvider(StorageProviderType.LOCAL);
+    dispatch.uiState.setLocalApiState({ provider: AVAILABLE_PROVIDERS.LOCAL });
+    // setStorageProvider(AVAILABLE_PROVIDERS.LOCAL);
     setStorageType({
-      provider: { provider: StorageProviderType.LOCAL },
+      provider: { provider: AVAILABLE_PROVIDERS.LOCAL as StorageProviderType.LOCAL },
       shouldSetInDocument: true,
     });
     dispatch.tokenState.setEditProhibited(false);
   }, [dispatch.tokenState, dispatch.uiState, setStorageType]);
 
   const handleSetLocalStorage = React.useCallback(async () => {
-    if (storageType?.provider !== StorageProviderType.LOCAL) {
+    if (storageType?.provider !== AVAILABLE_PROVIDERS.LOCAL) {
       const confirmResult = await confirm({
         text: t('setToDocumentStorage') as string,
         description: t('youCanAlwaysGoBack') as string,
@@ -44,7 +45,7 @@ const LocalStorageItem = () => {
     }
   }, [confirm, handleSubmitLocalStorage, storageType?.provider, t]);
 
-  const isActive = storageType.provider === StorageProviderType.LOCAL;
+  const isActive = storageType.provider === AVAILABLE_PROVIDERS.LOCAL;
 
   return (
     <StyledStorageItem active={isActive}>
diff --git a/packages/tokens-studio-for-figma/src/app/components/PushDialog.test.tsx b/packages/tokens-studio-for-figma/src/app/components/PushDialog.test.tsx
index d67a02b48f..17888fed4e 100644
--- a/packages/tokens-studio-for-figma/src/app/components/PushDialog.test.tsx
+++ b/packages/tokens-studio-for-figma/src/app/components/PushDialog.test.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { Provider } from 'react-redux';
-import { StorageProviderType } from '@/constants/StorageProviderType';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
 import {
   act, render, resetStore, createMockStore, fireEvent,
 } from '../../../tests/config/setupTest';
@@ -17,7 +17,7 @@ describe('PushDialog', () => {
         showPushDialog: { state: 'initial' },
         localApiState: {
           branch: 'main',
-          provider: StorageProviderType.GITHUB,
+          provider: AVAILABLE_PROVIDERS.GITHUB,
           id: '1234',
         },
       },
@@ -39,7 +39,7 @@ describe('PushDialog', () => {
         showPushDialog: { state: 'success' },
         localApiState: {
           branch: 'main',
-          provider: StorageProviderType.GITHUB,
+          provider: AVAILABLE_PROVIDERS.GITHUB,
         },
       },
     });
@@ -61,7 +61,7 @@ describe('PushDialog', () => {
         showPushDialog: { state: 'initial' },
         localApiState: {
           branch: 'main',
-          provider: StorageProviderType.GITHUB,
+          provider: AVAILABLE_PROVIDERS.GITHUB,
         },
       },
     });
@@ -99,7 +99,7 @@ describe('PushDialog', () => {
       uiState: {
         showPushDialog: { state: 'initial' },
         localApiState: {
-          provider: StorageProviderType.SUPERNOVA,
+          provider: AVAILABLE_PROVIDERS.SUPERNOVA,
         },
       },
     });
diff --git a/packages/tokens-studio-for-figma/src/app/components/PushDialog.tsx b/packages/tokens-studio-for-figma/src/app/components/PushDialog.tsx
index 22db73ed41..f9c016eba6 100644
--- a/packages/tokens-studio-for-figma/src/app/components/PushDialog.tsx
+++ b/packages/tokens-studio-for-figma/src/app/components/PushDialog.tsx
@@ -4,13 +4,14 @@ import { useSelector } from 'react-redux';
 import {
   Button, Heading, Spinner, Stack, Text, ToggleGroup,
 } from '@tokens-studio/ui';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
+import { StorageProviderType } from '@sync-providers/types';
 import { localApiStateSelector, storageTypeSelector } from '@/selectors';
 import usePushDialog from '../hooks/usePushDialog';
 import { getBitbucketCreatePullRequestUrl } from '../store/providers/bitbucket';
 import { getGithubCreatePullRequestUrl } from '../store/providers/github';
 import { getGitlabCreatePullRequestUrl } from '../store/providers/gitlab';
 import { getADOCreatePullRequestUrl } from '../store/providers/ado';
-import { StorageProviderType } from '@/constants/StorageProviderType';
 import { isGitProvider } from '@/utils/is';
 import { useShortcut } from '@/hooks/useShortcut';
 import { transformProviderName } from '@/utils/transformProviderName';
@@ -19,6 +20,7 @@ import PushJSON from './PushJSON';
 import PushSettingForm from './PushSettingForm';
 import { getSupernovaOpenCloud } from '../store/providers/supernova/getSupernovaOpenCloud';
 import Modal from './Modal';
+import { URLStorageType, StorageTypeCredential, JSONBinStorageType } from '@/types/StorageType';
 
 export enum PushDialogTabs {
   COMMIT = 'commit',
@@ -29,7 +31,7 @@ export enum PushDialogTabs {
 function PushDialog() {
   const { onConfirm, onCancel, showPushDialog } = usePushDialog();
   const { t } = useTranslation(['sync']);
-  const localApiState = useSelector(localApiStateSelector);
+  const localApiState = useSelector(localApiStateSelector) as URLStorageType | StorageTypeCredential<any, any> | JSONBinStorageType;
   const storageType = useSelector(storageTypeSelector);
   const [commitMessage, setCommitMessage] = React.useState('');
   const [branch, setBranch] = React.useState((isGitProvider(localApiState) ? localApiState.branch : '') || '');
@@ -43,25 +45,25 @@ function PushDialog() {
     let redirectHref = '';
     if (localApiState && 'id' in localApiState && localApiState.id) {
       switch (localApiState.provider) {
-        case StorageProviderType.GITHUB:
+        case AVAILABLE_PROVIDERS.GITHUB:
           redirectHref = getGithubCreatePullRequestUrl({
             base: localApiState.baseUrl,
             repo: localApiState.id,
             branch,
           });
           break;
-        case StorageProviderType.BITBUCKET:
+        case AVAILABLE_PROVIDERS.BITBUCKET:
           redirectHref = getBitbucketCreatePullRequestUrl({
             base: localApiState.baseUrl,
             repo: localApiState.id,
             branch,
           });
           break;
-        case StorageProviderType.GITLAB: {
+        case AVAILABLE_PROVIDERS.GITLAB: {
           redirectHref = getGitlabCreatePullRequestUrl(localApiState.id, localApiState.baseUrl);
           break;
         }
-        case StorageProviderType.ADO:
+        case AVAILABLE_PROVIDERS.ADO:
           redirectHref = getADOCreatePullRequestUrl({
             branch,
             projectId: localApiState.name,
@@ -72,7 +74,7 @@ function PushDialog() {
         default:
           break;
       }
-    } else if (localApiState.provider === StorageProviderType.SUPERNOVA) {
+    } else if (localApiState.provider === AVAILABLE_PROVIDERS.SUPERNOVA) {
       redirectHref = getSupernovaOpenCloud(localApiState.designSystemUrl);
     }
     return redirectHref;
@@ -100,7 +102,7 @@ function PushDialog() {
   }, [showPushDialog, localApiState]);
 
   const handlePushChanges = React.useCallback(() => {
-    if (localApiState.provider === StorageProviderType.SUPERNOVA || (commitMessage && branch)) {
+    if (localApiState.provider === AVAILABLE_PROVIDERS.SUPERNOVA || (commitMessage && branch)) {
       onConfirm(commitMessage, branch);
     }
   }, [branch, commitMessage, onConfirm, localApiState]);
@@ -135,7 +137,7 @@ function PushDialog() {
               <Button
                 variant="primary"
                 data-testid="push-dialog-button-push-changes"
-                disabled={localApiState.provider !== StorageProviderType.SUPERNOVA && (!commitMessage || !branch)}
+                disabled={localApiState.provider !== AVAILABLE_PROVIDERS.SUPERNOVA && (!commitMessage || !branch)}
                 onClick={handlePushChanges}
               >
                 {t('pushChanges')}
@@ -155,7 +157,7 @@ function PushDialog() {
                 JSON
               </ToggleGroup.Item>
             </ToggleGroup>
-            {activeTab !== 'commit' && localApiState.provider === StorageProviderType.SUPERNOVA && (
+            {activeTab !== 'commit' && localApiState.provider === AVAILABLE_PROVIDERS.SUPERNOVA && (
               <Stack direction="row" gap={2} align="center" css={{ display: 'inline', padding: '$4' }}>
                 {t('thisWillPushYourLocalChangesToTheBranch')}
                 {' '}
@@ -193,11 +195,11 @@ function PushDialog() {
             <Spinner />
             <Heading size="medium">
               {t('pushingTo')}
-              {localApiState.provider === StorageProviderType.GITHUB && ' GitHub'}
-              {localApiState.provider === StorageProviderType.GITLAB && ' GitLab'}
-              {localApiState.provider === StorageProviderType.BITBUCKET && ' Bitbucket'}
-              {localApiState.provider === StorageProviderType.ADO && ' ADO'}
-              {localApiState.provider === StorageProviderType.SUPERNOVA && ' Supernova.io'}
+              {localApiState.provider === AVAILABLE_PROVIDERS.GITHUB && ' GitHub'}
+              {localApiState.provider === AVAILABLE_PROVIDERS.GITLAB && ' GitLab'}
+              {localApiState.provider === AVAILABLE_PROVIDERS.BITBUCKET && ' Bitbucket'}
+              {localApiState.provider === AVAILABLE_PROVIDERS.ADO && ' ADO'}
+              {localApiState.provider === AVAILABLE_PROVIDERS.SUPERNOVA && ' Supernova.io'}
             </Heading>
           </Stack>
         </Modal>
@@ -213,11 +215,11 @@ function PushDialog() {
               </Heading>
               <Text size="small">
                 {t('changesPushedTo')}
-                {localApiState.provider === StorageProviderType.GITHUB && ' GitHub'}
-                {localApiState.provider === StorageProviderType.GITLAB && ' GitLab'}
-                {localApiState.provider === StorageProviderType.BITBUCKET && ' Bitbucket'}
-                {localApiState.provider === StorageProviderType.ADO && ' ADO'}
-                {localApiState.provider === StorageProviderType.SUPERNOVA && ' Supernova.io'}
+                {localApiState.provider === AVAILABLE_PROVIDERS.GITHUB && ' GitHub'}
+                {localApiState.provider === AVAILABLE_PROVIDERS.GITLAB && ' GitLab'}
+                {localApiState.provider === AVAILABLE_PROVIDERS.BITBUCKET && ' Bitbucket'}
+                {localApiState.provider === AVAILABLE_PROVIDERS.ADO && ' ADO'}
+                {localApiState.provider === AVAILABLE_PROVIDERS.SUPERNOVA && ' Supernova.io'}
               </Text>
             </Stack>
             {/* @ts-ignore Exception for Button to accept target */}
diff --git a/packages/tokens-studio-for-figma/src/app/components/PushSettingForm.tsx b/packages/tokens-studio-for-figma/src/app/components/PushSettingForm.tsx
index c7052ed3e7..b2c8feb1bb 100644
--- a/packages/tokens-studio-for-figma/src/app/components/PushSettingForm.tsx
+++ b/packages/tokens-studio-for-figma/src/app/components/PushSettingForm.tsx
@@ -4,10 +4,11 @@ import { useTranslation } from 'react-i18next';
 import {
   Heading, Textarea, Stack, Box, Text, TextInput, FormField, Label,
 } from '@tokens-studio/ui';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
 import { localApiStateSelector } from '@/selectors';
 
 import PushDialogSupernovaConfirm from './PushDialogSupernovaConfirm';
-import { StorageProviderType } from '@/constants/StorageProviderType';
+import type { StorageProviderType } from '@/types/StorageType';
 
 type Props = {
   commitMessage: string,
@@ -19,7 +20,7 @@ type Props = {
 function PushSettingForm({
   commitMessage, branch, handleCommitMessageChange, handleBranchChange,
 }: Props) {
-  const localApiState = useSelector(localApiStateSelector);
+  const localApiState = useSelector(localApiStateSelector) as { provider: StorageProviderType; id: string; designSystemUrl?: string };
 
   const handleMessageChange = useCallback((value: string) => {
     handleCommitMessageChange(value);
@@ -27,7 +28,7 @@ function PushSettingForm({
 
   const { t } = useTranslation(['sync']);
 
-  return localApiState.provider === StorageProviderType.SUPERNOVA ? <PushDialogSupernovaConfirm designSystemUrl={localApiState.designSystemUrl} /> : (
+  return localApiState.provider === AVAILABLE_PROVIDERS.SUPERNOVA ? <PushDialogSupernovaConfirm designSystemUrl={localApiState.designSystemUrl} /> : (
     <Stack direction="column" gap={3} css={{ padding: '$4', width: '100%' }}>
       <Text size="small">{t('pushYourLocalChangesToYourRepository')}</Text>
       <Box css={{
diff --git a/packages/tokens-studio-for-figma/src/app/components/SettingsDropdown.test.tsx b/packages/tokens-studio-for-figma/src/app/components/SettingsDropdown.test.tsx
index 61df9dfc01..bfc348ab91 100644
--- a/packages/tokens-studio-for-figma/src/app/components/SettingsDropdown.test.tsx
+++ b/packages/tokens-studio-for-figma/src/app/components/SettingsDropdown.test.tsx
@@ -1,15 +1,16 @@
 import React from 'react';
 import { Provider } from 'react-redux';
 import userEvent from '@testing-library/user-event';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
+
 import { createMockStore, render, waitFor } from '../../../tests/config/setupTest';
 import SettingsDropdown from './SettingsDropdown';
-import { StorageProviderType } from '@/constants/StorageProviderType';
 
 const mockStore = createMockStore({});
 const mockStoreJSONBin = createMockStore({
   uiState: {
     localApiState: {
-      provider: StorageProviderType.JSONBIN,
+      provider: AVAILABLE_PROVIDERS.JSONBIN,
     },
   },
 });
diff --git a/packages/tokens-studio-for-figma/src/app/components/SettingsDropdown.tsx b/packages/tokens-studio-for-figma/src/app/components/SettingsDropdown.tsx
index 12cd0a12b3..2dfdd50fc5 100644
--- a/packages/tokens-studio-for-figma/src/app/components/SettingsDropdown.tsx
+++ b/packages/tokens-studio-for-figma/src/app/components/SettingsDropdown.tsx
@@ -3,12 +3,11 @@ import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { Box, DropdownMenu, IconButton } from '@tokens-studio/ui';
 import { Check, Settings } from 'iconoir-react';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
 import { Dispatch } from '../store';
 import { settingsStateSelector, localApiStateSelector } from '@/selectors';
 import { isEqual } from '@/utils/isEqual';
 
-import { StorageProviderType } from '@/constants/StorageProviderType';
-
 export default function SettingsDropdown() {
   const localApiState = useSelector(localApiStateSelector);
   const { t } = useTranslation(['tokens']);
@@ -54,7 +53,7 @@ export default function SettingsDropdown() {
               {t('update.onChange.description')}
             </Box>
           </DropdownMenu.CheckboxItem>
-          {localApiState?.provider === StorageProviderType.JSONBIN ? (
+          {localApiState?.provider === AVAILABLE_PROVIDERS.JSONBIN ? (
             <DropdownMenu.CheckboxItem
               data-testid="update-remote"
               checked={updateRemote}
diff --git a/packages/tokens-studio-for-figma/src/app/components/StartScreen.tsx b/packages/tokens-studio-for-figma/src/app/components/StartScreen.tsx
index 8f803d3ae6..d0037aac10 100644
--- a/packages/tokens-studio-for-figma/src/app/components/StartScreen.tsx
+++ b/packages/tokens-studio-for-figma/src/app/components/StartScreen.tsx
@@ -5,6 +5,7 @@ import {
 } from '@radix-ui/react-icons';
 import { useTranslation } from 'react-i18next';
 import { Button, Heading } from '@tokens-studio/ui';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
 import TokensStudioLogo from '@/icons/tokensstudio-full.svg';
 import Text from './Text';
 import Callout from './Callout';
@@ -13,11 +14,13 @@ import { apiProvidersSelector, storageTypeSelector } from '@/selectors';
 import Stack from './Stack';
 import { styled } from '@/stitches.config';
 import { Tabs } from '@/constants/Tabs';
-import { StorageProviderType } from '@/constants/StorageProviderType';
 import Box from './Box';
 import { transformProviderName } from '@/utils/transformProviderName';
 import { track } from '@/utils/analytics';
 import Footer from './Footer';
+import {
+  URLStorageType, JSONBinStorageType, GitHubStorageType, GitLabStorageType,
+} from '@/types/StorageType';
 
 const StyledTokensStudioIcon = styled(TokensStudioLogo, {
   width: '200px',
@@ -40,7 +43,8 @@ function StartScreen() {
   const dispatch = useDispatch<Dispatch>();
   const { t } = useTranslation(['startScreen']);
 
-  const storageType = useSelector(storageTypeSelector);
+  type StorageWithInternalId = URLStorageType | JSONBinStorageType | GitHubStorageType | GitLabStorageType;
+  const storageType = useSelector(storageTypeSelector) as StorageWithInternalId;
   const apiProviders = useSelector(apiProvidersSelector);
 
   const onSetEmptyTokens = React.useCallback(() => {
@@ -56,7 +60,7 @@ function StartScreen() {
   }, [dispatch]);
 
   const onSetSyncClick = React.useCallback(() => {
-    if (storageType.provider === StorageProviderType.LOCAL) {
+    if (storageType.provider === AVAILABLE_PROVIDERS.LOCAL) {
       return;
     }
     const matchingProvider = apiProviders.find((i) => i.internalId === storageType?.internalId);
@@ -116,7 +120,7 @@ function StartScreen() {
               </HelpfulLink>
             </Stack>
           </Stack>
-          {storageType?.provider !== StorageProviderType.LOCAL ? (
+          {storageType?.provider !== AVAILABLE_PROVIDERS.LOCAL ? (
             <Callout
               id="callout-action-setupsync"
               heading={t('couldNotLoadTokens', { provider: transformProviderName(storageType?.provider) })}
diff --git a/packages/tokens-studio-for-figma/src/app/components/StorageItem.tsx b/packages/tokens-studio-for-figma/src/app/components/StorageItem.tsx
index 1487da4443..d42ac678a5 100644
--- a/packages/tokens-studio-for-figma/src/app/components/StorageItem.tsx
+++ b/packages/tokens-studio-for-figma/src/app/components/StorageItem.tsx
@@ -5,14 +5,16 @@ import { DotsVerticalIcon, ExclamationTriangleIcon } from '@radix-ui/react-icons
 import {
   Button, Box, Badge, Stack, IconButton, DropdownMenu,
 } from '@tokens-studio/ui';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
+import type { StorageProviderType } from '@sync-providers/types';
+import { getProviderIcon } from '@sync-providers/utils';
 import isSameCredentials from '@/utils/isSameCredentials';
 import useRemoteTokens from '../store/remoteTokens';
 import { storageTypeSelector } from '@/selectors';
 import { StyledStorageItem } from './StyledStorageItem';
-import { StorageProviderType, type StorageTypeCredentials } from '@/types/StorageType';
+import type { StorageTypeCredentials } from '@/types/StorageType';
 import { isGitProvider } from '@/utils/is';
 import useConfirm from '../hooks/useConfirm';
-import { getProviderIcon } from '@/utils/getProviderIcon';
 import useStorage from '../store/useStorage';
 import { Dispatch } from '../store';
 import { TokenFormatBadge } from './TokenFormatBadge';
@@ -48,9 +50,9 @@ const StorageItem = ({ item, onEdit }: Props) => {
     if (await askUserIfDelete()) {
       deleteProvider(item);
       dispatch.tokenState.setEditProhibited(false);
-      dispatch.uiState.setLocalApiState({ provider: StorageProviderType.LOCAL });
+      dispatch.uiState.setLocalApiState({ provider: AVAILABLE_PROVIDERS.LOCAL });
       setStorageType({
-        provider: { provider: StorageProviderType.LOCAL },
+        provider: { provider: AVAILABLE_PROVIDERS.LOCAL as StorageProviderType.LOCAL },
         shouldSetInDocument: true,
       });
     }
diff --git a/packages/tokens-studio-for-figma/src/app/components/StorageItemForm.tsx b/packages/tokens-studio-for-figma/src/app/components/StorageItemForm.tsx
index 538eb05872..123043ccc9 100644
--- a/packages/tokens-studio-for-figma/src/app/components/StorageItemForm.tsx
+++ b/packages/tokens-studio-for-figma/src/app/components/StorageItemForm.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
 import GitForm from './StorageItemForm/GitForm';
 import ADOForm from './StorageItemForm/ADOForm';
 import JSONBinForm from './StorageItemForm/JSONBinForm';
@@ -7,119 +8,117 @@ import GenericVersionedForm from './StorageItemForm/GenericVersioned';
 import BitbucketForm from './StorageItemForm/BitbucketForm';
 
 import { ChangeEventHandler } from './StorageItemForm/types';
-import { StorageTypeFormValues } from '@/types/StorageType';
-import { StorageProviderType } from '@/constants/StorageProviderType';
+import { StorageProviderType, StorageTypeFormValues } from '@/types/StorageType';
 import SupernovaForm from './StorageItemForm/SupernovaForm';
 import TokensStudioForm from './StorageItemForm/TokensStudioForm';
 
 type Props = {
-  values: StorageTypeFormValues<true>;
+  values: Extract<StorageTypeFormValues<true>, { provider: StorageProviderType.URL }>;
   onChange: ChangeEventHandler;
   onCancel: () => void;
   onSubmit: (values: StorageTypeFormValues<false>) => void;
   isNew?: boolean;
   hasErrored?: boolean;
   errorMessage?: string;
-
 };
 
 export default function StorageItemForm({
   isNew = false, onChange, onSubmit, onCancel, values, hasErrored, errorMessage,
 }: Props) {
   switch (values.provider) {
-    case StorageProviderType.GITHUB:
-    case StorageProviderType.GITLAB: {
+    case AVAILABLE_PROVIDERS.GITHUB:
+    case AVAILABLE_PROVIDERS.GITLAB: {
       return (
         <GitForm
           onChange={onChange}
           onSubmit={onSubmit}
           onCancel={onCancel}
-          values={values}
+          values={values as unknown as Extract<StorageTypeFormValues<true>, { provider: StorageProviderType.GITHUB | StorageProviderType.GITLAB }>}
           hasErrored={hasErrored}
           errorMessage={errorMessage}
         />
       );
     }
-    case StorageProviderType.BITBUCKET: {
+    case AVAILABLE_PROVIDERS.BITBUCKET: {
       return (
         <BitbucketForm
           onChange={onChange}
           onSubmit={onSubmit}
           onCancel={onCancel}
-          values={values}
+          values={values as unknown as Extract<StorageTypeFormValues<true>, { provider: StorageProviderType.BITBUCKET }>}
           hasErrored={hasErrored}
           errorMessage={errorMessage}
         />
       );
     }
-    case StorageProviderType.ADO: {
+    case AVAILABLE_PROVIDERS.ADO: {
       return (
         <ADOForm
           onChange={onChange}
           onSubmit={onSubmit}
           onCancel={onCancel}
-          values={values}
+          values={values as unknown as Extract<StorageTypeFormValues<true>, { provider: StorageProviderType.ADO }>}
           hasErrored={hasErrored}
           errorMessage={errorMessage}
         />
       );
     }
-    case StorageProviderType.URL: {
+    case AVAILABLE_PROVIDERS.URL: {
       return (
         <URLForm
           onChange={onChange}
           onSubmit={onSubmit}
           onCancel={onCancel}
-          values={values}
+          values={values as Extract<StorageTypeFormValues<true>, { provider: StorageProviderType.URL }>}
           hasErrored={hasErrored}
           errorMessage={errorMessage}
         />
       );
     }
-    case StorageProviderType.GENERIC_VERSIONED_STORAGE: {
+    case AVAILABLE_PROVIDERS.GENERIC_VERSIONED_STORAGE: {
       return (
         <GenericVersionedForm
           onChange={onChange}
           onSubmit={onSubmit}
           onCancel={onCancel}
-          values={values}
+          values={values as unknown as Extract<StorageTypeFormValues<true>, { provider: StorageProviderType.GENERIC_VERSIONED_STORAGE }>}
           hasErrored={hasErrored}
           errorMessage={errorMessage}
         />
       );
     }
-    case StorageProviderType.JSONBIN: {
+    case AVAILABLE_PROVIDERS.JSONBIN: {
       return (
         <JSONBinForm
           isNew={isNew}
           onChange={onChange}
           onSubmit={onSubmit}
           onCancel={onCancel}
-          values={values}
+          values={values as unknown as Extract<StorageTypeFormValues<true>, { provider: StorageProviderType.JSONBIN }>}
           hasErrored={hasErrored}
           errorMessage={errorMessage}
         />
       );
     }
-    case StorageProviderType.SUPERNOVA: {
+    case AVAILABLE_PROVIDERS.SUPERNOVA: {
       return (
         <SupernovaForm
           onChange={onChange}
           onSubmit={onSubmit}
           onCancel={onCancel}
-          values={values}
+          values={values as unknown as Extract<StorageTypeFormValues<true>, { provider: StorageProviderType.SUPERNOVA }>}
           hasErrored={hasErrored}
           errorMessage={errorMessage}
         />
       );
     }
-    case StorageProviderType.TOKENS_STUDIO: {
+    case AVAILABLE_PROVIDERS.TOKENS_STUDIO: {
       return (
         <TokensStudioForm
           onChange={onChange}
           onSubmit={onSubmit}
           onCancel={onCancel}
-          values={values}
+          values={values as unknown as Extract<StorageTypeFormValues<true>, { provider: StorageProviderType.TOKENS_STUDIO }>}
           hasErrored={hasErrored}
           errorMessage={errorMessage}
         />
diff --git a/packages/tokens-studio-for-figma/src/app/components/StorageItemForm/ADOForm.tsx b/packages/tokens-studio-for-figma/src/app/components/StorageItemForm/ADOForm.tsx
index 8dfa4df2a0..32c5966c69 100644
--- a/packages/tokens-studio-for-figma/src/app/components/StorageItemForm/ADOForm.tsx
+++ b/packages/tokens-studio-for-figma/src/app/components/StorageItemForm/ADOForm.tsx
@@ -1,11 +1,11 @@
-import React, { useRef } from 'react';
+import React from 'react';
 import zod from 'zod';
 import {
   Button, FormField, Stack, Text, Link, IconButton, Label, TextInput,
 } from '@tokens-studio/ui';
 import { EyeClosedIcon, EyeOpenIcon } from '@radix-ui/react-icons';
 import { useTranslation } from 'react-i18next';
-import { StorageProviderType } from '@/constants/StorageProviderType';
+import type { StorageProviderType } from '@sync-providers/types';
 import { StorageTypeFormValues } from '@/types/StorageType';
 import { generateId } from '@/utils/generateId';
 import { ChangeEventHandler } from './types';
diff --git a/packages/tokens-studio-for-figma/src/app/components/StorageItemForm/BitbucketForm.tsx b/packages/tokens-studio-for-figma/src/app/components/StorageItemForm/BitbucketForm.tsx
index b8ccd6cf0f..495c54ee40 100644
--- a/packages/tokens-studio-for-figma/src/app/components/StorageItemForm/BitbucketForm.tsx
+++ b/packages/tokens-studio-for-figma/src/app/components/StorageItemForm/BitbucketForm.tsx
@@ -1,11 +1,11 @@
-import React, { useRef } from 'react';
+import React from 'react';
 import zod from 'zod';
 import {
   Button, Box, TextInput, Stack, FormField, Label, Link, IconButton, Text,
 } from '@tokens-studio/ui';
 import { EyeClosedIcon, EyeOpenIcon } from '@radix-ui/react-icons';
 import { useTranslation } from 'react-i18next';
-import { StorageProviderType } from '@/constants/StorageProviderType';
+import type { StorageProviderType } from '@sync-providers/types';
 import { StorageTypeFormValues } from '@/types/StorageType';
 import { generateId } from '@/utils/generateId';
 import { ChangeEventHandler } from './types';
diff --git a/packages/tokens-studio-for-figma/src/app/components/StorageItemForm/GenericVersioned.tsx b/packages/tokens-studio-for-figma/src/app/components/StorageItemForm/GenericVersioned.tsx
index c02a83d060..ec68276dd8 100644
--- a/packages/tokens-studio-for-figma/src/app/components/StorageItemForm/GenericVersioned.tsx
+++ b/packages/tokens-studio-for-figma/src/app/components/StorageItemForm/GenericVersioned.tsx
@@ -15,9 +15,10 @@ import {
   FormField,
 } from '@tokens-studio/ui';
 import { EyeClosedIcon, EyeOpenIcon } from '@radix-ui/react-icons';
+import type { StorageProviderType } from '@sync-providers/types';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
 import { StorageTypeFormValues, GenericVersionedStorageFlow } from '@/types/StorageType';
 import XIcon from '@/icons/x.svg';
-import { StorageProviderType } from '@/constants/StorageProviderType';
 import { generateId } from '@/utils/generateId';
 import { ChangeEventHandler } from './types';
 import { ErrorMessage } from '../ErrorMessage';
@@ -71,7 +72,7 @@ export default function GenericVersionedForm({
       if (validationResult.success) {
         const formFields = {
           ...validationResult.data,
-          provider: StorageProviderType.GENERIC_VERSIONED_STORAGE,
+          provider: AVAILABLE_PROVIDERS.GENERIC_VERSIONED_STORAGE,
           internalId: validationResult.data.internalId || generateId(24),
         } as ValidatedFormValues;
         onSubmit(formFields);
diff --git a/packages/tokens-studio-for-figma/src/app/components/StorageItemForm/GitForm.tsx b/packages/tokens-studio-for-figma/src/app/components/StorageItemForm/GitForm.tsx
index cb5aea1158..341eaa1877 100644
--- a/packages/tokens-studio-for-figma/src/app/components/StorageItemForm/GitForm.tsx
+++ b/packages/tokens-studio-for-figma/src/app/components/StorageItemForm/GitForm.tsx
@@ -5,7 +5,8 @@ import {
   Button, FormField, IconButton, Label, Link, Stack, Text, TextInput,
 } from '@tokens-studio/ui';
 import { EyeClosedIcon, EyeOpenIcon } from '@radix-ui/react-icons';
-import { StorageProviderType } from '@/constants/StorageProviderType';
+import type { StorageProviderType } from '@sync-providers/types';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
 import { StorageTypeFormValues } from '@/types/StorageType';
 
 import { generateId } from '@/utils/generateId';
@@ -64,8 +65,8 @@ export default function GitForm({
   );
 
   const baseUrlPlaceholder = `https://${values.provider}.hyma.com`;
-  const gitExplainedText = values.provider === StorageProviderType.GITHUB ? t('gitHubExplained') : t('gitLabExplained');
-  const readMoreText = values.provider === StorageProviderType.GITHUB ? t('readMoreGitHub') : t('readMoreGitLab');
+  const gitExplainedText = values.provider === AVAILABLE_PROVIDERS.GITHUB ? t('gitHubExplained') : t('gitLabExplained');
+  const readMoreText = values.provider === AVAILABLE_PROVIDERS.GITHUB ? t('readMoreGitHub') : t('readMoreGitLab');
 
   return (
     <form onSubmit={handleSubmit}>
diff --git a/packages/tokens-studio-for-figma/src/app/components/StorageItemForm/JSONBinForm.tsx b/packages/tokens-studio-for-figma/src/app/components/StorageItemForm/JSONBinForm.tsx
index 7312c9b77d..2f3ee6feb5 100644
--- a/packages/tokens-studio-for-figma/src/app/components/StorageItemForm/JSONBinForm.tsx
+++ b/packages/tokens-studio-for-figma/src/app/components/StorageItemForm/JSONBinForm.tsx
@@ -5,8 +5,9 @@ import {
   Button, FormField, IconButton, Label, Link, Stack, Text, TextInput,
 } from '@tokens-studio/ui';
 import { EyeClosedIcon, EyeOpenIcon } from '@radix-ui/react-icons';
+import type { StorageProviderType } from '@sync-providers/types';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
 import { StorageTypeFormValues } from '@/types/StorageType';
-import { StorageProviderType } from '@/constants/StorageProviderType';
 import { generateId } from '@/utils/generateId';
 import { ChangeEventHandler } from './types';
 import { ErrorMessage } from '../ErrorMessage';
@@ -53,7 +54,7 @@ export default function JSONBinForm({
       if (validationResult.success) {
         const formFields = {
           ...validationResult.data,
-          provider: StorageProviderType.JSONBIN,
+          provider: AVAILABLE_PROVIDERS.JSONBIN,
           internalId: validationResult.data.internalId || generateId(24),
         } as ValidatedFormValues;
         onSubmit(formFields);
diff --git a/packages/tokens-studio-for-figma/src/app/components/StorageItemForm/SupernovaForm.tsx b/packages/tokens-studio-for-figma/src/app/components/StorageItemForm/SupernovaForm.tsx
index 109d18118b..b39f8b1514 100644
--- a/packages/tokens-studio-for-figma/src/app/components/StorageItemForm/SupernovaForm.tsx
+++ b/packages/tokens-studio-for-figma/src/app/components/StorageItemForm/SupernovaForm.tsx
@@ -5,7 +5,7 @@ import {
   Button, Textarea, TextInput, Stack, Text, Link, Label, IconButton, FormField,
 } from '@tokens-studio/ui';
 import { EyeClosedIcon, EyeOpenIcon } from '@radix-ui/react-icons';
-import { StorageProviderType } from '@/constants/StorageProviderType';
+import type { StorageProviderType } from '@sync-providers/types';
 import { StorageTypeFormValues } from '@/types/StorageType';
 import { generateId } from '@/utils/generateId';
 import { ErrorMessage } from '../ErrorMessage';
diff --git a/packages/tokens-studio-for-figma/src/app/components/StorageItemForm/TokensStudioForm.tsx b/packages/tokens-studio-for-figma/src/app/components/StorageItemForm/TokensStudioForm.tsx
index 85d5638f2d..fce23a4038 100644
--- a/packages/tokens-studio-for-figma/src/app/components/StorageItemForm/TokensStudioForm.tsx
+++ b/packages/tokens-studio-for-figma/src/app/components/StorageItemForm/TokensStudioForm.tsx
@@ -5,7 +5,7 @@ import {
 } from '@tokens-studio/ui';
 import { EyeClosedIcon, EyeOpenIcon } from '@radix-ui/react-icons';
 import { useTranslation } from 'react-i18next';
-import { StorageProviderType } from '@/constants/StorageProviderType';
+import type { StorageProviderType } from '@sync-providers/types';
 import { StorageTypeFormValues } from '@/types/StorageType';
 import { generateId } from '@/utils/generateId';
 import { ChangeEventHandler } from './types';
diff --git a/packages/tokens-studio-for-figma/src/app/components/StorageItemForm/URLForm.tsx b/packages/tokens-studio-for-figma/src/app/components/StorageItemForm/URLForm.tsx
index 825d604666..a73bf15f33 100644
--- a/packages/tokens-studio-for-figma/src/app/components/StorageItemForm/URLForm.tsx
+++ b/packages/tokens-studio-for-figma/src/app/components/StorageItemForm/URLForm.tsx
@@ -5,7 +5,8 @@ import {
   Button, TextInput, Stack, Text, Link, Label, IconButton, FormField,
 } from '@tokens-studio/ui';
 import { EyeClosedIcon, EyeOpenIcon } from '@radix-ui/react-icons';
-import { StorageProviderType } from '@/constants/StorageProviderType';
+import type { StorageProviderType } from '@sync-providers/types';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
 import { StorageTypeFormValues } from '@/types/StorageType';
 import { generateId } from '@/utils/generateId';
 import { ChangeEventHandler } from './types';
@@ -47,7 +48,7 @@ export default function URLForm({
       if (validationResult.success) {
         const formFields = {
           ...validationResult.data,
-          provider: StorageProviderType.URL,
+          provider: AVAILABLE_PROVIDERS.URL,
           internalId: validationResult.data.internalId || generateId(24),
         } as ValidatedFormValues;
         onSubmit(formFields);
diff --git a/packages/tokens-studio-for-figma/src/app/components/SyncSettings.test.tsx b/packages/tokens-studio-for-figma/src/app/components/SyncSettings.test.tsx
index 4c0e6aefb4..35f8fdd5bb 100644
--- a/packages/tokens-studio-for-figma/src/app/components/SyncSettings.test.tsx
+++ b/packages/tokens-studio-for-figma/src/app/components/SyncSettings.test.tsx
@@ -2,12 +2,12 @@ import React from 'react';
 import { Provider } from 'react-redux';
 import { act } from 'react-dom/test-utils';
 import userEvent from '@testing-library/user-event';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
 import {
   createMockStore,
   render,
 } from '../../../tests/config/setupTest';
 import SyncSettings from './SyncSettings';
-import { StorageProviderType } from '@/constants/StorageProviderType';
 import { GitHubStorageType, StorageTypeCredential } from '@/types/StorageType';
 
 const mockConfirm = jest.fn();
@@ -26,20 +26,20 @@ describe('ConfirmDialog', () => {
         branch: 'main',
         filePath: 'data/tokens.json',
         id: 'six7/figma-tokens',
-        provider: 'github' as StorageProviderType,
+        provider: AVAILABLE_PROVIDERS.GITHUB,
       },
       storageType: {
         branch: 'main',
         filePath: 'data/tokens.json',
         id: 'six7/figma-tokens',
-        provider: 'github',
+        provider: AVAILABLE_PROVIDERS.GITHUB,
       } as GitHubStorageType,
       apiProviders: [
         {
           branch: 'main',
           filePath: 'data/tokens.json',
           id: 'six7/figma-tokens',
-          provider: 'github',
+          provider: AVAILABLE_PROVIDERS.GITHUB,
         } as StorageTypeCredential<GitHubStorageType>,
       ],
     },
diff --git a/packages/tokens-studio-for-figma/src/app/components/SyncSettings.tsx b/packages/tokens-studio-for-figma/src/app/components/SyncSettings.tsx
index f880077914..7023101540 100644
--- a/packages/tokens-studio-for-figma/src/app/components/SyncSettings.tsx
+++ b/packages/tokens-studio-for-figma/src/app/components/SyncSettings.tsx
@@ -1,69 +1,34 @@
 /* eslint-disable jsx-a11y/label-has-associated-control */
-import React, { useMemo } from 'react';
+import React from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import { useTranslation } from 'react-i18next';
 import {
-  Heading, Button, Box, Stack, Text, Dialog,
+  Heading, Button, Box, Stack, Dialog,
 } from '@tokens-studio/ui';
+import { LIST_OF_PROVIDERS, AVAILABLE_PROVIDERS } from '@sync-providers/constants';
+import { StorageProviderType } from '@sync-providers/types';
 import { track } from '@/utils/analytics';
 import StorageItem from './StorageItem';
 import EditStorageItemModal from './modals/EditStorageItemModal';
 import CreateStorageItemModal from './modals/CreateStorageItemModal';
 import { Dispatch } from '../store';
-import { apiProvidersSelector, localApiStateSelector, storageTypeSelector } from '@/selectors';
-import { StorageProviderType } from '@/constants/StorageProviderType';
+import { apiProvidersSelector, localApiStateSelector } from '@/selectors';
 import useRemoteTokens from '../store/remoteTokens';
 import { StorageTypeCredentials } from '@/types/StorageType';
 import LocalStorageItem from './LocalStorageItem';
-import { getProviderIcon } from '@/utils/getProviderIcon';
+import { getProviderIcon } from '@sync-providers/utils';
 import { StyledBetaBadge } from './SecondScreen';
 
+console.log('********** SyncSettings **********');
+console.log('AVAILABLE_PROVIDERS', typeof AVAILABLE_PROVIDERS, '***', AVAILABLE_PROVIDERS);
+console.log('LIST_OF_PROVIDERS', typeof LIST_OF_PROVIDERS, '***', LIST_OF_PROVIDERS);
+console.log('StorageProviderType', typeof StorageProviderType, '***', StorageProviderType);
+
 const SyncSettings = () => {
   const localApiState = useSelector(localApiStateSelector);
 
   const { t } = useTranslation(['storage']);
 
-  const providers = useMemo(() => [
-    {
-      text: t('providers.url.title'),
-      type: StorageProviderType.URL,
-    },
-    {
-      text: t('providers.jsonbin.title'),
-      type: StorageProviderType.JSONBIN,
-    },
-    {
-      text: 'GitHub',
-      type: StorageProviderType.GITHUB,
-    },
-    {
-      text: 'GitLab',
-      type: StorageProviderType.GITLAB,
-    },
-    {
-      text: 'Azure DevOps',
-      type: StorageProviderType.ADO,
-    },
-    {
-      text: 'BitBucket',
-      type: StorageProviderType.BITBUCKET,
-      beta: true,
-    },
-    {
-      text: 'Supernova',
-      type: StorageProviderType.SUPERNOVA,
-    },
-    {
-      text: t('providers.generic.title'),
-      type: StorageProviderType.GENERIC_VERSIONED_STORAGE,
-    },
-    {
-      text: 'Tokens Studio',
-      type: StorageProviderType.TOKENS_STUDIO,
-      beta: true,
-    },
-  ], [t]);
-
   const apiProviders = useSelector(apiProvidersSelector);
   const dispatch = useDispatch<Dispatch>();
 
@@ -152,24 +117,26 @@ const SyncSettings = () => {
 
                   <Stack direction="column" gap={4}>
                     {
-                    providers.map((provider) => (
-                      <Stack direction="row" justify="between" align="center" key={provider.text}>
+                    LIST_OF_PROVIDERS.map(({
+                      text, i18n, type, beta,
+                    }) => (
+                      <Stack direction="row" justify="between" align="center" key={text}>
                         <Stack direction="column">
                           <Box css={{
                             color: '$fgDefault', display: 'inline-flex', gap: '$2', alignItems: 'center',
                           }}
                           >
-                            <Box css={{ color: '$fgMuted' }}>{getProviderIcon(provider.type)}</Box>
-                            {provider.text}
-                            {provider.beta && <StyledBetaBadge>BETA</StyledBetaBadge>}
+                            <Box css={{ color: '$fgMuted' }}>{getProviderIcon(type)}</Box>
+                            {i18n ? t(text) : text}
+                            {beta && <StyledBetaBadge>BETA</StyledBetaBadge>}
                           </Box>
                         </Stack>
                         <Button
-                          key={provider.type}
-                          onClick={handleProviderClick(provider.type)}
+                          key={type}
+                          onClick={handleProviderClick(type)}
                           variant="secondary"
                           size="small"
-                          data-testid={`add-${provider.text}-credential`}
+                          data-testid={`add-${text}-credential`}
                         >
                           {t('choose')}
                         </Button>
diff --git a/packages/tokens-studio-for-figma/src/app/components/TokenGroup/TokenGroupHeading.tsx b/packages/tokens-studio-for-figma/src/app/components/TokenGroup/TokenGroupHeading.tsx
index d8243e3fba..c63b8b74a2 100644
--- a/packages/tokens-studio-for-figma/src/app/components/TokenGroup/TokenGroupHeading.tsx
+++ b/packages/tokens-studio-for-figma/src/app/components/TokenGroup/TokenGroupHeading.tsx
@@ -5,6 +5,7 @@ import {
   Heading,
   ContextMenu,
 } from '@tokens-studio/ui';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
 import Stack from '../Stack';
 import useManageTokens from '../../store/useManageTokens';
 import { activeApiProviderSelector, activeTokenSetReadOnlySelector, editProhibitedSelector } from '@/selectors';
@@ -16,7 +17,6 @@ import { ShowNewFormOptions } from '@/types';
 import useTokens from '../../store/useTokens';
 import RenameTokenGroupModal from '../modals/RenameTokenGroupModal';
 import DuplicateTokenGroupModal from '../modals/DuplicateTokenGroupModal';
-import { StorageProviderType } from '@/constants/StorageProviderType';
 
 export type Props = {
   id: string
@@ -40,7 +40,7 @@ export function TokenGroupHeading({
   const dispatch = useDispatch<Dispatch>();
   const collapsed = useSelector(collapsedTokensSelector);
   const { remapTokensInGroup } = useTokens();
-  const isTokensStudioProvider = activeApiProvider === StorageProviderType.TOKENS_STUDIO;
+  const isTokensStudioProvider = activeApiProvider === AVAILABLE_PROVIDERS.TOKENS_STUDIO;
 
   const canEdit = !editProhibited && !activeTokenSetReadOnly && !isTokensStudioProvider;
 
diff --git a/packages/tokens-studio-for-figma/src/app/components/TokenSetTreeItemContent.tsx b/packages/tokens-studio-for-figma/src/app/components/TokenSetTreeItemContent.tsx
index e63e89b3a6..424741ceb1 100644
--- a/packages/tokens-studio-for-figma/src/app/components/TokenSetTreeItemContent.tsx
+++ b/packages/tokens-studio-for-figma/src/app/components/TokenSetTreeItemContent.tsx
@@ -2,6 +2,7 @@ import React, {
   useCallback, useContext,
 } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
 import { TokenSetItem } from './TokenSetItem';
 import {
   activeApiProviderSelector,
@@ -11,7 +12,6 @@ import {
 } from '@/selectors';
 import { TreeItem } from '@/utils/tokenset';
 import { DragControlsContext } from '@/context';
-import { StorageProviderType } from '@/constants/StorageProviderType';
 
 type ExtendedTreeItem = TreeItem & {
   tokenSets: string[];
@@ -39,7 +39,7 @@ export function TokenSetTreeItemContent({
   const tokenSetMetadata = useSelector(tokenSetMetadataSelector);
   const activeApiProvider = useSelector(activeApiProviderSelector);
 
-  const isTokensStudioProvider = activeApiProvider === StorageProviderType.TOKENS_STUDIO;
+  const isTokensStudioProvider = activeApiProvider === AVAILABLE_PROVIDERS.TOKENS_STUDIO;
 
   const handleClick = useCallback((set: TreeItem) => {
     if (set.isLeaf) {
diff --git a/packages/tokens-studio-for-figma/src/app/components/modals/CreateStorageItemModal.tsx b/packages/tokens-studio-for-figma/src/app/components/modals/CreateStorageItemModal.tsx
index 26b7ea8e17..b53e905fd7 100644
--- a/packages/tokens-studio-for-figma/src/app/components/modals/CreateStorageItemModal.tsx
+++ b/packages/tokens-studio-for-figma/src/app/components/modals/CreateStorageItemModal.tsx
@@ -1,11 +1,11 @@
 import React from 'react';
 import { useTranslation } from 'react-i18next';
+import type { StorageProviderType } from '@sync-providers/types';
 import Modal from '../Modal';
 import StorageItemForm from '../StorageItemForm';
 import useRemoteTokens from '../../store/remoteTokens';
 import { StorageTypeFormValues } from '@/types/StorageType';
-import { StorageProviderType } from '@/constants/StorageProviderType';
-import { getProviderIcon } from '@/utils/getProviderIcon';
+import { getProviderIcon } from '@sync-providers/utils';
 import { Eventlike } from '../StorageItemForm/types';
 
 type Props = {
@@ -85,7 +85,7 @@ export default function CreateStorageItemModal({
         onChange={handleChange}
         onSubmit={handleSubmit}
         onCancel={onClose}
-        values={formFields}
+        values={formFields as Extract<StorageTypeFormValues<true>, { provider: StorageProviderType.URL }>}
         hasErrored={hasErrored}
         errorMessage={errorMessage}
       />
diff --git a/packages/tokens-studio-for-figma/src/app/components/modals/EditStorageItemModal.tsx b/packages/tokens-studio-for-figma/src/app/components/modals/EditStorageItemModal.tsx
index 3172a57acb..7f16e03fab 100644
--- a/packages/tokens-studio-for-figma/src/app/components/modals/EditStorageItemModal.tsx
+++ b/packages/tokens-studio-for-figma/src/app/components/modals/EditStorageItemModal.tsx
@@ -4,7 +4,7 @@ import Modal from '../Modal';
 import StorageItemForm from '../StorageItemForm';
 import useRemoteTokens from '../../store/remoteTokens';
 import Stack from '../Stack';
-import { StorageTypeFormValues } from '@/types/StorageType';
+import { StorageProviderType, StorageTypeFormValues } from '@/types/StorageType';
 import { Eventlike } from '../StorageItemForm/types';
 
 type Props = {
@@ -44,7 +44,7 @@ export default function EditStorageItemModal({
           onChange={handleChange}
           onSubmit={handleSubmit}
           onCancel={onClose}
-          values={formFields}
+          values={formFields as Extract<StorageTypeFormValues<true>, { provider: StorageProviderType.URL }>}
           hasErrored={hasErrored}
           errorMessage={errorMessage}
         />
diff --git a/packages/tokens-studio-for-figma/src/app/hooks/useIsGitMultiFileEnabled.ts b/packages/tokens-studio-for-figma/src/app/hooks/useIsGitMultiFileEnabled.ts
index 6e2a5bde96..297535f484 100644
--- a/packages/tokens-studio-for-figma/src/app/hooks/useIsGitMultiFileEnabled.ts
+++ b/packages/tokens-studio-for-figma/src/app/hooks/useIsGitMultiFileEnabled.ts
@@ -1,17 +1,21 @@
 import { useSelector } from 'react-redux';
 import { useMemo } from 'react';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
 import { apiSelector } from '@/selectors';
-import { StorageProviderType } from '@/constants/StorageProviderType';
+import {
+  ADOStorageType, BitbucketStorageType, GitHubStorageType, GitLabStorageType,
+} from '@/types/StorageType';
 
 export function useIsGitMultiFileEnabled() {
-  const api = useSelector(apiSelector);
+      type StorageWithFilePaths = GitHubStorageType | GitLabStorageType | ADOStorageType | BitbucketStorageType;
+      const api = useSelector(apiSelector) as StorageWithFilePaths;
 
-  return useMemo(
-    () => Boolean((api?.provider === StorageProviderType.GITHUB
-            || api?.provider === StorageProviderType.GITLAB
-            || api?.provider === StorageProviderType.ADO
-            || api?.provider === StorageProviderType.BITBUCKET)
+      return useMemo(
+        () => Boolean((api?.provider === AVAILABLE_PROVIDERS.GITHUB
+            || api?.provider === AVAILABLE_PROVIDERS.GITLAB
+            || api?.provider === AVAILABLE_PROVIDERS.ADO
+            || api?.provider === AVAILABLE_PROVIDERS.BITBUCKET)
           && !api?.filePath?.endsWith('.json')),
-    [api],
-  );
+        [api],
+      );
 }
diff --git a/packages/tokens-studio-for-figma/src/app/store/middlewares/tokenState.ts b/packages/tokens-studio-for-figma/src/app/store/middlewares/tokenState.ts
index 3e2a1f864a..660bb12d77 100644
--- a/packages/tokens-studio-for-figma/src/app/store/middlewares/tokenState.ts
+++ b/packages/tokens-studio-for-figma/src/app/store/middlewares/tokenState.ts
@@ -1,4 +1,4 @@
-import { StorageProviderType } from '@/constants/StorageProviderType';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
 import { updateThemeGroupsInTokensStudio } from '@/storage/tokensStudio/updateThemeGroupsInTokensStudio';
 
 const actionsToTriggerUpdateInTokensStudio = [
@@ -19,7 +19,7 @@ export const tokenStateMiddleware = (store) => (next) => (action) => {
   const nextState = store.getState();
 
   if (
-    nextState.uiState.api?.provider === StorageProviderType.TOKENS_STUDIO
+    nextState.uiState.api?.provider === AVAILABLE_PROVIDERS.TOKENS_STUDIO
       && actionsToTriggerUpdateInTokensStudio.includes(action.type)
   ) {
     updateThemeGroupsInTokensStudio({
diff --git a/packages/tokens-studio-for-figma/src/app/store/models/reducers/__tests__/tokensStudio.test.ts b/packages/tokens-studio-for-figma/src/app/store/models/reducers/__tests__/tokensStudio.test.ts
index d2046d693c..f68a346d7a 100644
--- a/packages/tokens-studio-for-figma/src/app/store/models/reducers/__tests__/tokensStudio.test.ts
+++ b/packages/tokens-studio-for-figma/src/app/store/models/reducers/__tests__/tokensStudio.test.ts
@@ -1,8 +1,9 @@
 import { init, RematchStore } from '@rematch/core';
 import { Graphql } from '@tokens-studio/sdk';
+import type { StorageProviderType } from '@sync-providers/types';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
 import { RootModel } from '@/types/RootModel';
 import { ColorModifier } from '@/types/Modifier';
-import { StorageProviderType } from '@/constants/StorageProviderType';
 import { TokenSetStatus } from '@/constants/TokenSetStatus';
 import { models } from '../../index';
 import { TokenTypes } from '@/constants/TokenTypes';
@@ -129,10 +130,10 @@ const storeInitialState = {
         api: {
           id: 'apiId',
           secret: 'apiSecret',
-          provider: StorageProviderType.TOKENS_STUDIO,
+          provider: AVAILABLE_PROVIDERS.TOKENS_STUDIO as StorageProviderType.TOKENS_STUDIO,
         },
         storageType: {
-          provider: StorageProviderType.TOKENS_STUDIO,
+          provider: AVAILABLE_PROVIDERS.TOKENS_STUDIO as StorageProviderType.TOKENS_STUDIO,
         },
       },
       settings: {
@@ -833,7 +834,7 @@ describe('Tokens Studio sync - Api provider is not Tokens Studio', () => {
             ...storeInitialState.redux.initialState.uiState,
             api: {
               ...storeInitialState.redux.initialState.uiState.api,
-              provider: StorageProviderType.LOCAL,
+              provider: AVAILABLE_PROVIDERS.LOCAL as StorageProviderType.LOCAL,
             },
           },
         },
diff --git a/packages/tokens-studio-for-figma/src/app/store/models/tokenState.tsx b/packages/tokens-studio-for-figma/src/app/store/models/tokenState.tsx
index d081e566e8..f13d7d25c7 100644
--- a/packages/tokens-studio-for-figma/src/app/store/models/tokenState.tsx
+++ b/packages/tokens-studio-for-figma/src/app/store/models/tokenState.tsx
@@ -3,6 +3,7 @@ import omit from 'just-omit';
 import { createModel } from '@rematch/core';
 import extend from 'just-extend';
 import { v4 as uuidv4 } from 'uuid';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
 import * as tokenStateReducers from './reducers/tokenState';
 import * as tokenStateEffects from './effects/tokenState';
 import parseTokenValues from '@/utils/parseTokenValues';
@@ -32,7 +33,6 @@ import { RootModel } from '@/types/RootModel';
 import { ThemeObjectsList, UsedTokenSetsMap } from '@/types';
 import { TokenSetStatus } from '@/constants/TokenSetStatus';
 import { isEqual } from '@/utils/isEqual';
-import { StorageProviderType } from '@/constants/StorageProviderType';
 import { updateTokenSetsInState } from '@/utils/tokenset/updateTokenSetsInState';
 import { TokenTypes } from '@/constants/TokenTypes';
 import tokenTypes from '@/config/tokenType.defs.json';
@@ -578,7 +578,7 @@ export const tokenState = createModel<RootModel>()({
         dispatch.tokenState.updateDocument({ shouldUpdateNodes: rootState.settings.updateOnChange });
       }
 
-      if (payload.shouldUpdate && rootState.uiState.api?.provider === StorageProviderType.TOKENS_STUDIO) {
+      if (payload.shouldUpdate && rootState.uiState.api?.provider === AVAILABLE_PROVIDERS.TOKENS_STUDIO) {
         pushToTokensStudio({
           context: rootState.uiState.api as StorageTypeCredential<TokensStudioStorageType>,
           action: 'EDIT_TOKEN',
@@ -589,7 +589,7 @@ export const tokenState = createModel<RootModel>()({
     deleteToken(payload: DeleteTokenPayload, rootState) {
       dispatch.tokenState.updateDocument({ shouldUpdateNodes: false });
 
-      if (rootState.uiState.api?.provider === StorageProviderType.TOKENS_STUDIO) {
+      if (rootState.uiState.api?.provider === AVAILABLE_PROVIDERS.TOKENS_STUDIO) {
         pushToTokensStudio({
           context: rootState.uiState.api as StorageTypeCredential<TokensStudioStorageType>,
           action: 'DELETE_TOKEN',
@@ -606,7 +606,7 @@ export const tokenState = createModel<RootModel>()({
     addTokenSet(name: string, rootState) {
       dispatch.tokenState.updateDocument({ shouldUpdateNodes: false });
 
-      if (rootState.uiState.api?.provider === StorageProviderType.TOKENS_STUDIO) {
+      if (rootState.uiState.api?.provider === AVAILABLE_PROVIDERS.TOKENS_STUDIO) {
         createTokenSetInTokensStudio({
           rootState,
           name,
@@ -623,7 +623,7 @@ export const tokenState = createModel<RootModel>()({
     renameTokenSet(data: { oldName: string, newName: string }, rootState) {
       dispatch.tokenState.updateDocument({ shouldUpdateNodes: false });
 
-      if (rootState.uiState.api?.provider === StorageProviderType.TOKENS_STUDIO) {
+      if (rootState.uiState.api?.provider === AVAILABLE_PROVIDERS.TOKENS_STUDIO) {
         updateTokenSetInTokensStudio({
           rootState,
           data,
@@ -634,7 +634,7 @@ export const tokenState = createModel<RootModel>()({
     deleteTokenSet(name: string, rootState) {
       dispatch.tokenState.updateDocument({ shouldUpdateNodes: false });
 
-      if (rootState.uiState.api?.provider === StorageProviderType.TOKENS_STUDIO) {
+      if (rootState.uiState.api?.provider === AVAILABLE_PROVIDERS.TOKENS_STUDIO) {
         deleteTokenSetFromTokensStudio({
           rootState,
           name,
@@ -645,7 +645,7 @@ export const tokenState = createModel<RootModel>()({
     setTokenSetOrder(data: string[], rootState) {
       dispatch.tokenState.updateDocument({ shouldUpdateNodes: false });
 
-      if (rootState.uiState.api?.provider === StorageProviderType.TOKENS_STUDIO) {
+      if (rootState.uiState.api?.provider === AVAILABLE_PROVIDERS.TOKENS_STUDIO) {
         pushToTokensStudio({
           context: rootState.uiState.api as StorageTypeCredential<TokensStudioStorageType>,
           action: 'UPDATE_TOKEN_SET_ORDER',
@@ -673,7 +673,7 @@ export const tokenState = createModel<RootModel>()({
     duplicateToken(payload: DuplicateTokenPayload, rootState) {
       dispatch.tokenState.updateDocument({ shouldUpdateNodes: false });
 
-      if (rootState.uiState.api?.provider === StorageProviderType.TOKENS_STUDIO) {
+      if (rootState.uiState.api?.provider === AVAILABLE_PROVIDERS.TOKENS_STUDIO) {
         duplicateTokenInTokensStudio({
           rootState,
           payload,
@@ -684,7 +684,7 @@ export const tokenState = createModel<RootModel>()({
     createToken(payload: UpdateTokenPayload, rootState) {
       dispatch.tokenState.updateDocument({ shouldUpdateNodes: false });
 
-      if (rootState.uiState.api?.provider === StorageProviderType.TOKENS_STUDIO) {
+      if (rootState.uiState.api?.provider === AVAILABLE_PROVIDERS.TOKENS_STUDIO) {
         createTokenInTokensStudio({
           rootState,
           payload,
@@ -739,7 +739,7 @@ export const tokenState = createModel<RootModel>()({
             settings: rootState.settings,
             updatedAt: new Date().toISOString(),
             lastUpdatedAt: rootState.uiState.lastUpdatedAt ?? new Date().toISOString(),
-            isLocal: rootState.uiState.storageType.provider === StorageProviderType.LOCAL,
+            isLocal: rootState.uiState.storageType.provider === AVAILABLE_PROVIDERS.LOCAL,
             editProhibited: rootState.tokenState.editProhibited,
             api: rootState.uiState.api,
             storageType: rootState.uiState.storageType,
diff --git a/packages/tokens-studio-for-figma/src/app/store/models/uiState.tsx b/packages/tokens-studio-for-figma/src/app/store/models/uiState.tsx
index 48953a6d93..d3e58e356c 100644
--- a/packages/tokens-studio-for-figma/src/app/store/models/uiState.tsx
+++ b/packages/tokens-studio-for-figma/src/app/store/models/uiState.tsx
@@ -1,5 +1,7 @@
 /* eslint-disable import/prefer-default-export */
 import { createModel } from '@rematch/core';
+import type { StorageProviderType } from '@sync-providers/types';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
 import { track } from '@/utils/analytics';
 import type { RootModel } from '@/types/RootModel';
 import fetchChangelog from '@/utils/storyblok';
@@ -8,7 +10,6 @@ import { SelectionGroup, StoryblokStory } from '@/types';
 import { Tabs } from '@/constants/Tabs';
 import { AsyncMessageTypes } from '@/types/AsyncMessages';
 import { AsyncMessageChannel } from '@/AsyncMessageChannel';
-import { StorageProviderType } from '@/constants/StorageProviderType';
 import { StorageType, StorageTypeCredentials, StorageTypeFormValues } from '@/types/StorageType';
 import { EditTokenObject } from '@/types/tokens';
 import { TokenTypes } from '@/constants/TokenTypes';
@@ -114,12 +115,12 @@ export const uiState = createModel<RootModel>()({
     activeTokensTab: 'list',
     projectURL: '',
     storageType: {
-      provider: StorageProviderType.LOCAL,
+      provider: AVAILABLE_PROVIDERS.LOCAL as StorageProviderType.LOCAL,
     },
     api: null,
     apiProviders: [],
     localApiState: {
-      provider: StorageProviderType.LOCAL,
+      provider: AVAILABLE_PROVIDERS.LOCAL as StorageProviderType.LOCAL,
       new: false,
       format: TokenFormatOptions.Legacy,
     },
diff --git a/packages/tokens-studio-for-figma/src/app/store/providers/__tests__/genericVersioned.test.ts b/packages/tokens-studio-for-figma/src/app/store/providers/__tests__/genericVersioned.test.ts
index 93b06f59c1..46486a9994 100644
--- a/packages/tokens-studio-for-figma/src/app/store/providers/__tests__/genericVersioned.test.ts
+++ b/packages/tokens-studio-for-figma/src/app/store/providers/__tests__/genericVersioned.test.ts
@@ -1,3 +1,5 @@
+import type { StorageProviderType } from '@sync-providers/types';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
 import { ThemeObjectsList } from '@/types';
 import { SingleToken } from '@/types/tokens';
 import { updateGenericVersionedTokens } from '../generic/versionedStorage';
@@ -6,7 +8,6 @@ import { ErrorMessages } from '@/constants/ErrorMessages';
 import { createMockStore } from '@/../tests/config/setupTest';
 import { notifyToUI } from '@/plugin/notifiers';
 import {
-  StorageProviderType,
   GenericVersionedStorageFlow,
   GenericVersionedStorageType,
   StorageTypeCredentials,
@@ -61,7 +62,7 @@ describe('Generic Versioned Storage', () => {
     id: 'http://test.com',
     flow: GenericVersionedStorageFlow.READ_WRITE_CREATE,
     additionalHeaders: [],
-    provider: StorageProviderType.GENERIC_VERSIONED_STORAGE,
+    provider: AVAILABLE_PROVIDERS.GENERIC_VERSIONED_STORAGE as StorageProviderType.GENERIC_VERSIONED_STORAGE,
 
   };
 
diff --git a/packages/tokens-studio-for-figma/src/app/store/providers/__tests__/jsonbin.test.ts b/packages/tokens-studio-for-figma/src/app/store/providers/__tests__/jsonbin.test.ts
index 3302f1a1a7..f720e38e4a 100644
--- a/packages/tokens-studio-for-figma/src/app/store/providers/__tests__/jsonbin.test.ts
+++ b/packages/tokens-studio-for-figma/src/app/store/providers/__tests__/jsonbin.test.ts
@@ -1,3 +1,5 @@
+import type { StorageProviderType } from '@sync-providers/types';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
 import { ThemeObjectsList } from '@/types';
 import { StorageTypeCredentials } from '@/types/StorageType';
 import { SingleToken } from '@/types/tokens';
@@ -5,9 +7,7 @@ import { updateJSONBinTokens } from '../jsonbin';
 import * as pjs from '@/../package.json';
 import { ErrorMessages } from '@/constants/ErrorMessages';
 import { createMockStore } from '@/../tests/config/setupTest';
-import {
-  StorageProviderType,
-} from '@/constants/StorageProviderType';
+
 import { notifyToUI } from '@/plugin/notifiers';
 
 const mockRetrieve = jest.fn();
@@ -52,7 +52,7 @@ describe('jsonbin', () => {
   const context: Partial<StorageTypeCredentials> = {
     name: 'six7',
     id: 'six7/figma-tokens',
-    provider: StorageProviderType.JSONBIN,
+    provider: AVAILABLE_PROVIDERS.JSONBING as StorageProviderType.JSONBIN,
     secret: 'jsonbin',
   };
   it('return old data when remote data is older', async () => {
diff --git a/packages/tokens-studio-for-figma/src/app/store/providers/ado/ado.tsx b/packages/tokens-studio-for-figma/src/app/store/providers/ado/ado.tsx
index 9e3a065482..513682c3e4 100644
--- a/packages/tokens-studio-for-figma/src/app/store/providers/ado/ado.tsx
+++ b/packages/tokens-studio-for-figma/src/app/store/providers/ado/ado.tsx
@@ -2,6 +2,7 @@ import { useDispatch, useSelector } from 'react-redux';
 import React from 'react';
 import { LDProps } from 'launchdarkly-react-client-sdk/lib/withLDConsumer';
 import compact from 'just-compact';
+import type { StorageProviderType } from '@sync-providers/types';
 import { Dispatch } from '@/app/store';
 import useConfirm from '@/app/hooks/useConfirm';
 import usePushDialog from '@/app/hooks/usePushDialog';
@@ -14,7 +15,6 @@ import { isEqual } from '@/utils/isEqual';
 import { AsyncMessageChannel } from '@/AsyncMessageChannel';
 import { AsyncMessageTypes } from '@/types/AsyncMessages';
 import { StorageTypeCredentials, StorageTypeFormValues } from '@/types/StorageType';
-import { StorageProviderType } from '@/constants/StorageProviderType';
 import { RemoteResponseData } from '@/types/RemoteResponseData';
 import { ErrorMessages } from '@/constants/ErrorMessages';
 import { applyTokenSetOrder } from '@/utils/tokenset';
diff --git a/packages/tokens-studio-for-figma/src/app/store/providers/bitbucket/bitbucket.tsx b/packages/tokens-studio-for-figma/src/app/store/providers/bitbucket/bitbucket.tsx
index ba4cb213e2..85ec9037d7 100644
--- a/packages/tokens-studio-for-figma/src/app/store/providers/bitbucket/bitbucket.tsx
+++ b/packages/tokens-studio-for-figma/src/app/store/providers/bitbucket/bitbucket.tsx
@@ -2,6 +2,7 @@ import { useDispatch, useSelector } from 'react-redux';
 import { useCallback, useMemo } from 'react';
 import { LDProps } from 'launchdarkly-react-client-sdk/lib/withLDConsumer';
 import compact from 'just-compact';
+import type { StorageProviderType } from '@sync-providers/types';
 import { Dispatch } from '@/app/store';
 import useConfirm from '@/app/hooks/useConfirm';
 import usePushDialog from '@/app/hooks/usePushDialog';
@@ -14,7 +15,6 @@ import { isEqual } from '@/utils/isEqual';
 import { AsyncMessageTypes } from '@/types/AsyncMessages';
 import { AsyncMessageChannel } from '@/AsyncMessageChannel';
 import { StorageTypeCredentials, StorageTypeFormValues } from '@/types/StorageType';
-import { StorageProviderType } from '@/constants/StorageProviderType';
 import { applyTokenSetOrder } from '@/utils/tokenset';
 import { ErrorMessages } from '@/constants/ErrorMessages';
 import { RemoteResponseData } from '@/types/RemoteResponseData';
diff --git a/packages/tokens-studio-for-figma/src/app/store/providers/generic/versionedStorage.ts b/packages/tokens-studio-for-figma/src/app/store/providers/generic/versionedStorage.ts
index ef71946da6..850e17f9a3 100644
--- a/packages/tokens-studio-for-figma/src/app/store/providers/generic/versionedStorage.ts
+++ b/packages/tokens-studio-for-figma/src/app/store/providers/generic/versionedStorage.ts
@@ -1,6 +1,8 @@
 import { useDispatch, useSelector } from 'react-redux';
 import { useCallback, useMemo } from 'react';
 import compact from 'just-compact';
+import type { StorageProviderType } from '@sync-providers/types';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
 import { Dispatch } from '@/app/store';
 import { notifyToUI } from '../../../../plugin/notifiers';
 import * as pjs from '../../../../../package.json';
@@ -13,7 +15,6 @@ import { UpdateRemoteFunctionPayload } from '@/types/UpdateRemoteFunction';
 import { GenericVersionedMeta, GenericVersionedStorage } from '@/storage';
 import { AsyncMessageTypes } from '@/types/AsyncMessages';
 import { AsyncMessageChannel } from '@/AsyncMessageChannel';
-import { StorageProviderType } from '@/constants/StorageProviderType';
 import {
   StorageTypeCredentials,
   StorageTypeFormValues,
@@ -141,7 +142,7 @@ export function useGenericVersionedStorage() {
         AsyncMessageChannel.ReactInstance.message({
           type: AsyncMessageTypes.CREDENTIALS,
           credential: {
-            provider: StorageProviderType.GENERIC_VERSIONED_STORAGE,
+            provider: AVAILABLE_PROVIDERS.GENERIC_VERSIONED_STORAGE as StorageProviderType.GENERIC_VERSIONED_STORAGE,
             id,
             flow,
             internalId,
@@ -181,7 +182,7 @@ export function useGenericVersionedStorage() {
             id,
             flow,
             additionalHeaders,
-            provider: StorageProviderType.GENERIC_VERSIONED_STORAGE,
+            provider: AVAILABLE_PROVIDERS.GENERIC_VERSIONED_STORAGE as StorageProviderType.GENERIC_VERSIONED_STORAGE,
           },
         });
         if (data?.status === 'failure') {
diff --git a/packages/tokens-studio-for-figma/src/app/store/providers/github/github.tsx b/packages/tokens-studio-for-figma/src/app/store/providers/github/github.tsx
index c9b61f8666..5428e4dd43 100644
--- a/packages/tokens-studio-for-figma/src/app/store/providers/github/github.tsx
+++ b/packages/tokens-studio-for-figma/src/app/store/providers/github/github.tsx
@@ -2,6 +2,7 @@ import { useDispatch, useSelector } from 'react-redux';
 import { useCallback, useMemo } from 'react';
 import { LDProps } from 'launchdarkly-react-client-sdk/lib/withLDConsumer';
 import compact from 'just-compact';
+import type { StorageProviderType } from '@sync-providers/types';
 import { Dispatch } from '@/app/store';
 import useConfirm from '@/app/hooks/useConfirm';
 import usePushDialog from '@/app/hooks/usePushDialog';
@@ -16,7 +17,6 @@ import { isEqual } from '@/utils/isEqual';
 import { AsyncMessageTypes } from '@/types/AsyncMessages';
 import { AsyncMessageChannel } from '@/AsyncMessageChannel';
 import { StorageTypeCredentials, StorageTypeFormValues } from '@/types/StorageType';
-import { StorageProviderType } from '@/constants/StorageProviderType';
 import { RemoteResponseData } from '@/types/RemoteResponseData';
 import { ErrorMessages } from '@/constants/ErrorMessages';
 import { applyTokenSetOrder } from '@/utils/tokenset';
diff --git a/packages/tokens-studio-for-figma/src/app/store/providers/gitlab/gitlab.tsx b/packages/tokens-studio-for-figma/src/app/store/providers/gitlab/gitlab.tsx
index c148e25ecc..6ddac7fc64 100644
--- a/packages/tokens-studio-for-figma/src/app/store/providers/gitlab/gitlab.tsx
+++ b/packages/tokens-studio-for-figma/src/app/store/providers/gitlab/gitlab.tsx
@@ -2,6 +2,7 @@ import { useDispatch, useSelector } from 'react-redux';
 import { useCallback, useMemo } from 'react';
 import { LDProps } from 'launchdarkly-react-client-sdk/lib/withLDConsumer';
 import compact from 'just-compact';
+import type { StorageProviderType } from '@sync-providers/types';
 import { Dispatch } from '@/app/store';
 import useConfirm from '@/app/hooks/useConfirm';
 import usePushDialog from '@/app/hooks/usePushDialog';
@@ -16,7 +17,6 @@ import { isEqual } from '@/utils/isEqual';
 import { AsyncMessageTypes } from '@/types/AsyncMessages';
 import { AsyncMessageChannel } from '@/AsyncMessageChannel';
 import { StorageTypeCredentials, StorageTypeFormValues } from '@/types/StorageType';
-import { StorageProviderType } from '@/constants/StorageProviderType';
 import { getRepositoryInformation } from '../getRepositoryInformation';
 import { RemoteResponseData } from '@/types/RemoteResponseData';
 import { ErrorMessages } from '@/constants/ErrorMessages';
diff --git a/packages/tokens-studio-for-figma/src/app/store/providers/jsonbin.tsx b/packages/tokens-studio-for-figma/src/app/store/providers/jsonbin.tsx
index 1ff62aed75..d6f6952ba6 100644
--- a/packages/tokens-studio-for-figma/src/app/store/providers/jsonbin.tsx
+++ b/packages/tokens-studio-for-figma/src/app/store/providers/jsonbin.tsx
@@ -1,6 +1,8 @@
 import { useDispatch, useSelector } from 'react-redux';
 import { useCallback, useMemo } from 'react';
 import compact from 'just-compact';
+import type { StorageProviderType } from '@sync-providers/types';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
 import { Dispatch } from '@/app/store';
 import { notifyToUI } from '../../../plugin/notifiers';
 import * as pjs from '../../../../package.json';
@@ -13,7 +15,6 @@ import { UpdateRemoteFunctionPayload } from '@/types/UpdateRemoteFunction';
 import { JSONBinTokenStorage } from '@/storage';
 import { AsyncMessageTypes } from '@/types/AsyncMessages';
 import { AsyncMessageChannel } from '@/AsyncMessageChannel';
-import { StorageProviderType } from '@/constants/StorageProviderType';
 import { StorageTypeCredentials, StorageTypeFormValues } from '@/types/StorageType';
 import { RemoteResponseData } from '@/types/RemoteResponseData';
 import { ErrorMessages } from '@/constants/ErrorMessages';
@@ -102,7 +103,7 @@ export function useJSONbin() {
         AsyncMessageChannel.ReactInstance.message({
           type: AsyncMessageTypes.CREDENTIALS,
           credential: {
-            provider: StorageProviderType.JSONBIN,
+            provider: AVAILABLE_PROVIDERS.JSONBIN as StorageProviderType.JSONBIN,
             id: result.metadata.id,
             internalId,
             name,
@@ -143,7 +144,7 @@ export function useJSONbin() {
           internalId,
           name,
           secret,
-          provider: StorageProviderType.JSONBIN,
+          provider: AVAILABLE_PROVIDERS.JSONBIN as StorageProviderType.JSONBIN,
         },
       });
       if (data?.status === 'failure') {
diff --git a/packages/tokens-studio-for-figma/src/app/store/providers/supernova/supernova.tsx b/packages/tokens-studio-for-figma/src/app/store/providers/supernova/supernova.tsx
index 031e271669..824aa67334 100644
--- a/packages/tokens-studio-for-figma/src/app/store/providers/supernova/supernova.tsx
+++ b/packages/tokens-studio-for-figma/src/app/store/providers/supernova/supernova.tsx
@@ -1,6 +1,7 @@
 import { useDispatch, useSelector } from 'react-redux';
 import { useCallback, useMemo } from 'react';
 import compact from 'just-compact';
+import type { StorageProviderType } from '@sync-providers/types';
 import { Dispatch } from '@/app/store';
 import { notifyToUI } from '@/plugin/notifiers';
 import {
@@ -11,11 +12,9 @@ import {
   tokensSelector,
   usedTokenSetSelector,
 } from '@/selectors';
-import { isEqual } from '@/utils/isEqual';
 import { AsyncMessageTypes } from '@/types/AsyncMessages';
 import { AsyncMessageChannel } from '@/AsyncMessageChannel';
 import { StorageTypeCredentials, StorageTypeFormValues } from '@/types/StorageType';
-import { StorageProviderType } from '@/constants/StorageProviderType';
 import { SupernovaTokenStorage } from '../../../../storage/SupernovaTokenStorage';
 import usePushDialog from '../../../hooks/usePushDialog';
 import { RemoteResponseData } from '../../../../types/RemoteResponseData';
diff --git a/packages/tokens-studio-for-figma/src/app/store/providers/tokens-studio/tokensStudio.tsx b/packages/tokens-studio-for-figma/src/app/store/providers/tokens-studio/tokensStudio.tsx
index 5181bd00d2..b033d88653 100644
--- a/packages/tokens-studio-for-figma/src/app/store/providers/tokens-studio/tokensStudio.tsx
+++ b/packages/tokens-studio-for-figma/src/app/store/providers/tokens-studio/tokensStudio.tsx
@@ -1,5 +1,6 @@
 import { useDispatch, useSelector } from 'react-redux';
 import { useCallback, useMemo } from 'react';
+import type { StorageProviderType } from '@sync-providers/types';
 import compact from 'just-compact';
 import { Dispatch } from '@/app/store';
 import { notifyToUI } from '@/plugin/notifiers';
@@ -14,7 +15,6 @@ import {
 import { AsyncMessageTypes } from '@/types/AsyncMessages';
 import { AsyncMessageChannel } from '@/AsyncMessageChannel';
 import { StorageTypeCredentials, StorageTypeFormValues } from '@/types/StorageType';
-import { StorageProviderType } from '@/constants/StorageProviderType';
 import { TokensStudioTokenStorage } from '../../../../storage/TokensStudioTokenStorage'; // todo
 import usePushDialog from '../../../hooks/usePushDialog';
 import { RemoteResponseData } from '../../../../types/RemoteResponseData';
diff --git a/packages/tokens-studio-for-figma/src/app/store/providers/url.tsx b/packages/tokens-studio-for-figma/src/app/store/providers/url.tsx
index dae824bf30..f2f46da3b2 100644
--- a/packages/tokens-studio-for-figma/src/app/store/providers/url.tsx
+++ b/packages/tokens-studio-for-figma/src/app/store/providers/url.tsx
@@ -1,12 +1,13 @@
 import { useDispatch, useSelector } from 'react-redux';
 import { useCallback, useMemo } from 'react';
 import compact from 'just-compact';
+import type { StorageProviderType } from '@sync-providers/types';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
 import { Dispatch } from '@/app/store';
 import { notifyToUI } from '../../../plugin/notifiers';
 import { UrlTokenStorage } from '@/storage/UrlTokenStorage';
 import { AsyncMessageTypes } from '@/types/AsyncMessages';
 import { AsyncMessageChannel } from '@/AsyncMessageChannel';
-import { StorageProviderType } from '@/constants/StorageProviderType';
 import { StorageTypeCredentials } from '@/types/StorageType';
 import { ErrorMessages } from '@/constants/ErrorMessages';
 import { activeThemeSelector, usedTokenSetSelector } from '@/selectors';
@@ -55,7 +56,7 @@ export default function useURL() {
             internalId,
             name,
             secret,
-            provider: StorageProviderType.URL,
+            provider: AVAILABLE_PROVIDERS.URL as StorageProviderType.URL,
           },
         });
 
diff --git a/packages/tokens-studio-for-figma/src/app/store/remoteTokens.tsx b/packages/tokens-studio-for-figma/src/app/store/remoteTokens.tsx
index 201b6f01a8..99527247b4 100644
--- a/packages/tokens-studio-for-figma/src/app/store/remoteTokens.tsx
+++ b/packages/tokens-studio-for-figma/src/app/store/remoteTokens.tsx
@@ -2,6 +2,7 @@ import { useDispatch, useSelector } from 'react-redux';
 import { useCallback, useMemo } from 'react';
 import { LDProps } from 'launchdarkly-react-client-sdk/lib/withLDConsumer';
 import compact from 'just-compact';
+import { StorageProviderType } from '@sync-providers/types';
 import { track } from '@/utils/analytics';
 import { useJSONbin } from './providers/jsonbin';
 import useURL from './providers/url';
@@ -20,7 +21,6 @@ import {
 import { ThemeObject, UsedTokenSetsMap } from '@/types';
 import { AsyncMessageTypes } from '@/types/AsyncMessages';
 import { AsyncMessageChannel } from '@/AsyncMessageChannel';
-import { StorageProviderType } from '@/constants/StorageProviderType';
 import { StorageTypeCredentials, StorageTypeFormValues } from '@/types/StorageType';
 import { useGenericVersionedStorage } from './providers/generic/versionedStorage';
 import { RemoteResponseData, RemoteResponseStatus } from '@/types/RemoteResponseData';
@@ -35,6 +35,7 @@ import { notifyToUI } from '@/plugin/notifiers';
 
 export type PushOverrides = { branch: string, commitMessage: string };
 
+// TODO: fix StorageProviderType usage
 type PullTokensOptions = {
   context?: StorageTypeCredentials;
   featureFlags?: LDProps['flags'];
diff --git a/packages/tokens-studio-for-figma/src/app/store/updateSources.tsx b/packages/tokens-studio-for-figma/src/app/store/updateSources.tsx
index 201e9fbab7..51a3dcd4c7 100644
--- a/packages/tokens-studio-for-figma/src/app/store/updateSources.tsx
+++ b/packages/tokens-studio-for-figma/src/app/store/updateSources.tsx
@@ -1,4 +1,5 @@
 import { startTransaction } from '@sentry/react';
+import { StorageProviderType } from '@sync-providers/types';
 import { mergeTokenGroups } from '@/utils/tokenHelpers';
 import { Dispatch } from '@/app/store';
 import { notifyToUI } from '../../plugin/notifiers';
@@ -10,11 +11,11 @@ import type { ThemeObjectsList, UsedTokenSetsMap } from '@/types';
 import type { SettingsState } from './models/settings';
 import { AsyncMessageTypes } from '@/types/AsyncMessages';
 import { AsyncMessageChannel } from '@/AsyncMessageChannel';
-import { StorageProviderType } from '@/constants/StorageProviderType';
 import { StorageType, StorageTypeCredentials } from '@/types/StorageType';
 import { defaultTokenResolver } from '@/utils/TokenResolver';
 import { TokenFormatOptions } from '@/plugin/TokenFormatStoreClass';
 
+// TODO: fix StorageProviderType usage
 type UpdateRemoteTokensPayload = {
   provider: StorageProviderType;
   tokens: Record<string, AnyTokenList>;
diff --git a/packages/tokens-studio-for-figma/src/constants/StorageProviderType.ts b/packages/tokens-studio-for-figma/src/constants/StorageProviderType.ts
deleted file mode 100644
index 1a14c4e9f6..0000000000
--- a/packages/tokens-studio-for-figma/src/constants/StorageProviderType.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-export enum StorageProviderType {
-  LOCAL = 'local',
-  GENERIC_VERSIONED_STORAGE = 'genericVersionedStorage',
-  JSONBIN = 'jsonbin',
-  GITHUB = 'github',
-  GITLAB = 'gitlab',
-  SUPERNOVA = 'supernova',
-  ADO = 'ado',
-  URL = 'url',
-  BITBUCKET = 'bitbucket',
-  TOKENS_STUDIO = 'tokensstudio',
-}
diff --git a/packages/tokens-studio-for-figma/src/hooks/useChangedState.ts b/packages/tokens-studio-for-figma/src/hooks/useChangedState.ts
index b745cf5aa4..8fb87e7ec6 100644
--- a/packages/tokens-studio-for-figma/src/hooks/useChangedState.ts
+++ b/packages/tokens-studio-for-figma/src/hooks/useChangedState.ts
@@ -1,5 +1,7 @@
 import { useDispatch, useSelector } from 'react-redux';
 import { useMemo } from 'react';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
+import { StorageProviderType } from '@sync-providers/types';
 import {
   lastSyncedStateSelector,
   remoteDataSelector,
@@ -8,7 +10,6 @@ import {
   tokensSelector,
 } from '@/selectors';
 import { findDifferentState } from '@/utils/findDifferentState';
-import { StorageProviderType } from '@/constants/StorageProviderType';
 import { compareLastSyncedState } from '@/utils/compareLastSyncedState';
 import { tokenFormatSelector } from '@/selectors/tokenFormatSelector';
 
@@ -26,7 +27,7 @@ export function useChangedState() {
     return findDifferentState(remoteData, {
       tokens,
       themes,
-      metadata: storageType.provider !== StorageProviderType.LOCAL ? { tokenSetOrder } : {},
+      metadata: storageType.provider !== AVAILABLE_PROVIDERS.LOCAL ? { tokenSetOrder } : {},
     });
   }, [remoteData, tokens, themes, storageType]);
 
diff --git a/packages/tokens-studio-for-figma/src/plugin/__tests__/notifiers.test.ts b/packages/tokens-studio-for-figma/src/plugin/__tests__/notifiers.test.ts
index c631950dac..4c4f0b0768 100644
--- a/packages/tokens-studio-for-figma/src/plugin/__tests__/notifiers.test.ts
+++ b/packages/tokens-studio-for-figma/src/plugin/__tests__/notifiers.test.ts
@@ -1,4 +1,5 @@
-import { StorageProviderType } from '@/constants/StorageProviderType';
+import type { StorageProviderType } from '@sync-providers/types';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
 import { MessageFromPluginTypes } from '@/types/messages';
 import { TokenStore } from '@/types/tokens';
 import { mockUiPostMessage } from '../../../tests/__mocks__/figmaMock';
@@ -35,7 +36,7 @@ describe('notifySetTokens', () => {
       activeTheme: {},
       themes: [],
       storageType: {
-        provider: StorageProviderType.LOCAL,
+        provider: AVAILABLE_PROVIDERS.LOCAL as StorageProviderType.LOCAL,
       },
     };
     notifySetTokens(mockStoreValues);
diff --git a/packages/tokens-studio-for-figma/src/plugin/asyncMessageHandlers/__tests__/credentials.test.ts b/packages/tokens-studio-for-figma/src/plugin/asyncMessageHandlers/__tests__/credentials.test.ts
index c71ee89dbc..358566908f 100644
--- a/packages/tokens-studio-for-figma/src/plugin/asyncMessageHandlers/__tests__/credentials.test.ts
+++ b/packages/tokens-studio-for-figma/src/plugin/asyncMessageHandlers/__tests__/credentials.test.ts
@@ -1,4 +1,5 @@
-import { StorageProviderType } from '@/constants/StorageProviderType';
+import type { StorageProviderType } from '@sync-providers/types';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
 import { AsyncMessageTypes } from '@/types/AsyncMessages';
 import { updateCredentials } from '@/utils/credentials';
 import { credentials } from '../credentials';
@@ -17,7 +18,7 @@ describe('credentials', () => {
         id: 'six7/figma-tokens',
         internalId: '1234',
         name: 'general',
-        provider: StorageProviderType.GITHUB,
+        provider: AVAILABLE_PROVIDERS.GITHUB as StorageProviderType.GITHUB,
         secret: 'ghp_2345',
       },
     });
diff --git a/packages/tokens-studio-for-figma/src/plugin/node.test.ts b/packages/tokens-studio-for-figma/src/plugin/node.test.ts
index 5e972e3be7..f8b08f6d6d 100644
--- a/packages/tokens-studio-for-figma/src/plugin/node.test.ts
+++ b/packages/tokens-studio-for-figma/src/plugin/node.test.ts
@@ -1,5 +1,6 @@
+import type { StorageProviderType } from '@sync-providers/types';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
 import { mockRootSetSharedPluginData } from '../../tests/__mocks__/figmaMock';
-import { StorageProviderType } from '@/constants/StorageProviderType';
 import {
   mapValuesToTokens, returnValueToLookFor, saveStorageType, saveOnboardingExplainerSets, saveOnboardingExplainerInspect, saveOnboardingExplainerSyncProviders, destructureTokenForAlias,
 } from './node';
@@ -392,7 +393,7 @@ describe('storage type', () => {
     const apiContext = {
       id: 'gh',
       internalId: 'gh',
-      provider: StorageProviderType.GITHUB,
+      provider: AVAILABLE_PROVIDERS.GITHUB as StorageProviderType.GITHUB,
       branch: 'main',
       filePath: 'data/tokens.json',
       name: 'Github',
diff --git a/packages/tokens-studio-for-figma/src/plugin/node.ts b/packages/tokens-studio-for-figma/src/plugin/node.ts
index b43b13ccb4..73e666df70 100644
--- a/packages/tokens-studio-for-figma/src/plugin/node.ts
+++ b/packages/tokens-studio-for-figma/src/plugin/node.ts
@@ -1,4 +1,6 @@
 import compact from 'just-compact';
+import type { StorageProviderType } from '@sync-providers/types';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
 import { CollapsedTokenSetsProperty } from '@/figmaStorage/CollapsedTokenSetsProperty';
 import { NodeTokenRefMap } from '@/types/NodeTokenRefMap';
 import { AnyTokenList, SingleToken, TokenStore } from '@/types/tokens';
@@ -6,7 +8,7 @@ import { isSingleToken } from '@/utils/is';
 import { ThemeObjectsList } from '@/types';
 import { CompositionTokenProperty } from '@/types/CompositionTokenProperty';
 import { TokenTypes } from '@/constants/TokenTypes';
-import { StorageProviderType } from '@/constants/StorageProviderType';
+
 import { StorageType } from '@/types/StorageType';
 import {
   ActiveThemeProperty, CheckForChangesProperty, StorageTypeProperty, ThemesProperty, UpdatedAtProperty, ValuesProperty, VersionProperty, OnboardingExplainerSetsProperty, OnboardingExplainerInspectProperty, OnboardingExplainerSyncProvidersProperty, TokenFormatProperty, OnboardingExplainerExportSetsProperty,
@@ -166,7 +168,7 @@ export async function getSavedStorageType(): Promise<StorageType> {
   if (storageType) {
     return storageType;
   }
-  return { provider: StorageProviderType.LOCAL };
+  return { provider: AVAILABLE_PROVIDERS.LOCAL as StorageProviderType.LOCAL };
 }
 
 export function goToNode(id: string) {
diff --git a/packages/tokens-studio-for-figma/src/storage/ADOTokenStorage.ts b/packages/tokens-studio-for-figma/src/storage/ADOTokenStorage.ts
index dbb3915e6d..7ce88575fd 100644
--- a/packages/tokens-studio-for-figma/src/storage/ADOTokenStorage.ts
+++ b/packages/tokens-studio-for-figma/src/storage/ADOTokenStorage.ts
@@ -1,6 +1,6 @@
 import * as GitInterfaces from 'azure-devops-node-api/interfaces/GitInterfaces';
 import compact from 'just-compact';
-import { StorageProviderType } from '@/constants/StorageProviderType';
+import type { StorageProviderType } from '@sync-providers/types';
 import { StorageTypeCredentials } from '@/types/StorageType';
 import { GitTokenStorage } from './GitTokenStorage';
 import {
diff --git a/packages/tokens-studio-for-figma/src/types/StorageType.ts b/packages/tokens-studio-for-figma/src/types/StorageType.ts
index 1ebd4bf87f..e028ec171e 100644
--- a/packages/tokens-studio-for-figma/src/types/StorageType.ts
+++ b/packages/tokens-studio-for-figma/src/types/StorageType.ts
@@ -1,4 +1,4 @@
-import { StorageProviderType } from '@/constants/StorageProviderType';
+import type { StorageProviderType } from '@sync-providers/types';
 import { OptionalPartial } from './OptionalPartial';
 import { GenericVersionedAdditionalHeaders } from '../storage/GenericVersionedStorage';
 
diff --git a/packages/tokens-studio-for-figma/src/utils/credentials.test.ts b/packages/tokens-studio-for-figma/src/utils/credentials.test.ts
index 4b2cb93c0b..4c2ba085f8 100644
--- a/packages/tokens-studio-for-figma/src/utils/credentials.test.ts
+++ b/packages/tokens-studio-for-figma/src/utils/credentials.test.ts
@@ -1,4 +1,5 @@
-import { StorageProviderType } from '@/constants/StorageProviderType';
+import type { StorageProviderType } from '@sync-providers/types';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
 import * as generateId from '@/utils/generateId';
 import { removeSingleCredential, updateCredentials } from './credentials';
 
@@ -15,7 +16,7 @@ describe('updateCredentials', () => {
       id: '123',
       secret: 'foo',
       name: 'mytokens',
-      provider: StorageProviderType.JSONBIN,
+      provider: AVAILABLE_PROVIDERS.JSONBIN as StorageProviderType.JSONBIN,
     };
     figma.clientStorage.getAsync
       .mockResolvedValueOnce(undefined)
@@ -35,14 +36,14 @@ describe('updateCredentials', () => {
         id: '123',
         secret: 'abc',
         name: 'mytokens',
-        provider: StorageProviderType.JSONBIN,
+        provider: AVAILABLE_PROVIDERS.JSONBIN as StorageProviderType.JSONBIN,
       },
     ];
     const newObject = {
       id: '456',
       secret: 'foo',
       name: 'mytokens',
-      provider: StorageProviderType.JSONBIN,
+      provider: AVAILABLE_PROVIDERS.JSONBIN as StorageProviderType.JSONBIN,
     };
     const newArray = [
       ...apiArray,
@@ -63,14 +64,14 @@ describe('updateCredentials', () => {
         id: '123',
         secret: 'abc',
         name: 'mytokens',
-        provider: StorageProviderType.JSONBIN,
+        provider: AVAILABLE_PROVIDERS.JSONBIN as StorageProviderType.JSONBIN,
       },
     ];
     const newObject = {
       id: '123',
       secret: 'abc',
       name: 'my new name',
-      provider: StorageProviderType.JSONBIN,
+      provider: AVAILABLE_PROVIDERS.JSONBIN as StorageProviderType.JSONBIN,
     };
     const newArray = [newObject];
     figma.clientStorage.getAsync.mockResolvedValue(JSON.stringify(apiArray));
@@ -85,7 +86,7 @@ describe('updateCredentials', () => {
         internalId: 'abc',
         secret: 'abc',
         name: 'mytokens',
-        provider: StorageProviderType.JSONBIN,
+        provider: AVAILABLE_PROVIDERS.JSONBIN as StorageProviderType.JSONBIN,
       },
     ];
     const newObject = {
@@ -93,8 +94,7 @@ describe('updateCredentials', () => {
       internalId: 'abc',
       secret: 'abc',
       name: 'my new name',
-      provider: StorageProviderType.JSONBIN,
-    };
+      provider: AVAILABLE_PROVIDERS.JSONBIN as StorageProviderType.JSONBIN,
     const newArray = [newObject];
     figma.clientStorage.getAsync.mockResolvedValue(JSON.stringify(apiArray));
     await updateCredentials(newObject);
@@ -111,7 +111,7 @@ describe('removeSingleCredential', () => {
       id: '123',
       secret: 'foo',
       name: 'mytokens',
-      provider: StorageProviderType.JSONBIN,
+      provider: AVAILABLE_PROVIDERS.JSONBIN as StorageProviderType.JSONBIN,
     };
     const oldArray = [apiObject];
     figma.clientStorage.getAsync.mockResolvedValue(JSON.stringify(oldArray));
@@ -125,13 +125,13 @@ describe('removeSingleCredential', () => {
       id: '123',
       secret: 'foo',
       name: 'mytokens',
-      provider: StorageProviderType.JSONBIN,
+      provider: AVAILABLE_PROVIDERS.JSONBIN as StorageProviderType.JSONBIN,
     };
     const otherObject = {
       id: '456',
       secret: 'bar',
       name: 'mytokens',
-      provider: StorageProviderType.JSONBIN,
+      provider: AVAILABLE_PROVIDERS.JSONBIN as StorageProviderType.JSONBIN,
     };
     const oldArray = [apiObject, otherObject];
     figma.clientStorage.getAsync.mockResolvedValueOnce(JSON.stringify(oldArray));
diff --git a/packages/tokens-studio-for-figma/src/utils/getProviderIcon.tsx b/packages/tokens-studio-for-figma/src/utils/getProviderIcon.tsx
deleted file mode 100644
index 5ad7ed8b57..0000000000
--- a/packages/tokens-studio-for-figma/src/utils/getProviderIcon.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import React from 'react';
-import { ArchiveIcon, GitHubLogoIcon, Link2Icon } from '@radix-ui/react-icons';
-import { IconFile } from '@/icons';
-import GitLabIcon from '@/icons/gitlab.svg';
-import ADOIcon from '@/icons/azure.svg';
-import JSONBinIcon from '@/icons/jsonbin.svg';
-import SupernovaIcon from '@/icons/supernova.svg';
-import TokensStudioIcon from '@/icons/tokensstudio.svg';
-import BitBucketIcon from '@/icons/bitbucket.svg';
-import { StorageProviderType } from '@/constants/StorageProviderType';
-
-export function getProviderIcon(provider: StorageProviderType) {
-  switch (provider) {
-    case StorageProviderType.LOCAL:
-      return <IconFile />;
-    case StorageProviderType.URL:
-      return <Link2Icon />;
-    case StorageProviderType.GITHUB:
-      return <GitHubLogoIcon />;
-    case StorageProviderType.GITLAB:
-      return <GitLabIcon />;
-    case StorageProviderType.ADO:
-      return <ADOIcon />;
-    case StorageProviderType.BITBUCKET:
-      return <BitBucketIcon />;
-    case StorageProviderType.JSONBIN:
-      return <JSONBinIcon />;
-    case StorageProviderType.SUPERNOVA:
-      return <SupernovaIcon />;
-    case StorageProviderType.GENERIC_VERSIONED_STORAGE:
-      return <ArchiveIcon />;
-    case StorageProviderType.TOKENS_STUDIO:
-      return <TokensStudioIcon />;
-    default:
-      return null;
-  }
-}
diff --git a/packages/tokens-studio-for-figma/src/utils/is/isGitProvider.ts b/packages/tokens-studio-for-figma/src/utils/is/isGitProvider.ts
index 9f6c77e4da..8f82203fa3 100644
--- a/packages/tokens-studio-for-figma/src/utils/is/isGitProvider.ts
+++ b/packages/tokens-studio-for-figma/src/utils/is/isGitProvider.ts
@@ -1,4 +1,5 @@
-import { StorageProviderType } from '@/constants/StorageProviderType';
+import type { StorageProviderType } from '@sync-providers/types';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
 import { StorageType, StorageTypeCredentials, StorageTypeFormValues } from '@/types/StorageType';
 
 export function isGitProvider<
@@ -10,9 +11,9 @@ export function isGitProvider<
   | Extract<T, { provider: StorageProviderType.GITHUB | StorageProviderType.GITLAB }>
   | Extract<T, { provider: StorageProviderType.BITBUCKET }> {
   return (
-    provider.provider === StorageProviderType.ADO
-    || provider.provider === StorageProviderType.GITHUB
-    || provider.provider === StorageProviderType.GITLAB
-    || provider.provider === StorageProviderType.BITBUCKET
+    provider.provider === AVAILABLE_PROVIDERS.ADO
+    || provider.provider === AVAILABLE_PROVIDERS.GITHUB
+    || provider.provider === AVAILABLE_PROVIDERS.GITLAB
+    || provider.provider === AVAILABLE_PROVIDERS.BITBUCKET
   );
 }
diff --git a/packages/tokens-studio-for-figma/src/utils/isSameCredentials.test.ts b/packages/tokens-studio-for-figma/src/utils/isSameCredentials.test.ts
index 80144866d9..940c896325 100644
--- a/packages/tokens-studio-for-figma/src/utils/isSameCredentials.test.ts
+++ b/packages/tokens-studio-for-figma/src/utils/isSameCredentials.test.ts
@@ -1,30 +1,31 @@
 // write a test for isSameCredentials function
 
-import { StorageProviderType } from '@/constants/StorageProviderType';
+import type { StorageProviderType } from '@sync-providers/types';
+import { AVAILABLE_PROVIDERS } from '@sync-providers/constants';
 import isSameCredentials from './isSameCredentials';
 
 describe('isSameCredentials', () => {
   it('should return true if the credentials are the same', () => {
     const storedJSONBin = {
       id: '123',
-      provider: StorageProviderType.JSONBIN,
+      provider: AVAILABLE_PROVIDERS.JSONBIN as StorageProviderType.JSONBIN,
     };
     const storedGitHub = {
       id: 'six7/figma-tokens',
-      provider: StorageProviderType.GITHUB,
+      provider: AVAILABLE_PROVIDERS.GITHUB as StorageProviderType.GITHUB,
       filePath: 'tokens.json',
       branch: 'main',
       internalId: '123',
     };
     const correctCredentials = {
       id: '123',
-      provider: StorageProviderType.JSONBIN,
+      provider: AVAILABLE_PROVIDERS.JSONBIN as StorageProviderType.JSONBIN,
       secret: 'abc',
       name: 'foo',
     };
     const correctGitHubCredentials = {
       id: 'six7/figma-tokens',
-      provider: StorageProviderType.GITHUB,
+      provider: AVAILABLE_PROVIDERS.GITHUB as StorageProviderType.GITHUB,
       secret: 'abc',
       name: 'figmatokens',
       filePath: 'tokens.json',
@@ -32,7 +33,7 @@ describe('isSameCredentials', () => {
     };
     const gitHubCredentialsWithDifferentBranch = {
       id: 'six7/figma-tokens',
-      provider: StorageProviderType.GITHUB,
+      provider: AVAILABLE_PROVIDERS.GITHUB as StorageProviderType.GITHUB,
       secret: 'abc',
       name: 'figmatokens',
       filePath: 'tokens.json',
diff --git a/packages/tokens-studio-for-figma/src/utils/isSameCredentials.ts b/packages/tokens-studio-for-figma/src/utils/isSameCredentials.ts
index 87ee3feab2..d9761a0909 100644
--- a/packages/tokens-studio-for-figma/src/utils/isSameCredentials.ts
+++ b/packages/tokens-studio-for-figma/src/utils/isSameCredentials.ts
@@ -1,6 +1,7 @@
-import { StorageProviderType } from '@/constants/StorageProviderType';
+import { StorageProviderType } from '@sync-providers/types';
 import { StorageType, StorageTypeCredentials, StorageTypeFormValues } from '@/types/StorageType';
 
+// TODO: fix StorageProviderType usage
 function isSameCredentials(
   credential: StorageTypeCredentials,
   stored: StorageType | StorageTypeFormValues<false>,
diff --git a/packages/tokens-studio-for-figma/src/utils/transformProviderName.tsx b/packages/tokens-studio-for-figma/src/utils/transformProviderName.tsx
index 97fb371596..93f5726027 100644
--- a/packages/tokens-studio-for-figma/src/utils/transformProviderName.tsx
+++ b/packages/tokens-studio-for-figma/src/utils/transformProviderName.tsx
@@ -1,5 +1,6 @@
-import { StorageProviderType } from '@/constants/StorageProviderType';
+import { StorageProviderType } from '@sync-providers/types';
 
+// TODO: fix StorageProviderType usage
 export const transformProviderName = (provider: StorageProviderType) => {
   switch (provider) {
     case StorageProviderType.JSONBIN: