Some progress

Author: MatiPl01

packages/react-native-reanimated/src/css/web/style/builderFactories.ts renamed to packages/react-native-reanimated/src/common/web/style/builderFactories.ts

@@ -1,14 +1,14 @@
 'use strict';
 
-import type { AnyRecord } from '../../../common';
-import { hasSuffix } from '../../../common';
+import type { AnyRecord } from '../..';
+import { hasSuffix } from '../..';
 import {
   hasProp,
   isConfigPropertyAlias,
   isDefined,
   isRecord,
   kebabizeCamelCase,
-} from '../../utils';
+} from '../../../css/utils';
 import type {
   AnyBuilderConfig,
   RuleBuilder,

packages/react-native-reanimated/src/css/web/style/builders/index.ts renamed to packages/react-native-reanimated/src/common/web/style/builders/index.ts

@@ -1,2 +1,3 @@
 'use strict';
 export * from './shadows';
+export * from './transforms';

packages/react-native-reanimated/src/css/web/style/builders/shadows.ts renamed to packages/react-native-reanimated/src/common/web/style/builders/shadows.ts

@@ -1,9 +1,9 @@
 'use strict';
 import type { TextStyle, ViewStyle } from 'react-native';
 
-import type { ValueProcessor } from '../../../../common';
-import { logger } from '../../../../common';
-import { opacifyColor } from '../../utils';
+import { opacifyColor } from '../../../../css/web/utils';
+import type { ValueProcessor } from '../../..';
+import { logger } from '../../..';
 import { createRuleBuilder } from '../builderFactories';
 import { processColor } from '../processors';
 

packages/react-native-reanimated/src/css/web/style/processors/transforms.ts renamed to packages/react-native-reanimated/src/common/web/style/builders/transforms.ts

@@ -1,10 +1,8 @@
 'use strict';
-import type { PlainStyle } from '../../common';
-import { processBoxShadowWeb } from '../../common/web/style';
-import type { StyleBuilderConfig } from './style';
+import { processColor } from '../../processors';
+import type { PlainStyle } from '../../types';
 import {
   boxShadowBuilder,
-  processColor,
   processFilter,
   processFontVariant,
   processFontWeight,
@@ -15,7 +13,9 @@ import {
   processTransform,
   processTransformOrigin,
   textShadowBuilder,
-} from './style';
+} from './processors';
+import { processBoxShadowWeb } from './processors/shadows';
+import type { StyleBuilderConfig } from './types';
 
 const colorAttributes = { process: processColor };
 

packages/react-native-reanimated/src/css/web/config.ts renamed to packages/react-native-reanimated/src/common/web/style/config.ts

@@ -2,7 +2,7 @@
 import type { ColorValue } from 'react-native';
 
 import { convertToRGBA, rgbaArrayToRGBAColor } from '../../../../Colors';
-import { isNumber } from '../../../utils';
+import { isNumber } from '../../../../css/utils';
 import type { ValueProcessor } from '../types';
 
 export const processColor: ValueProcessor<ColorValue> = (value) => {

packages/react-native-reanimated/src/common/web/style/index.ts

@@ -1,7 +1,7 @@
 'use strict';
 import type { FilterFunction } from 'react-native';
 
-import { maybeAddSuffix } from '../../../../common';
+import { maybeAddSuffix } from '../../..';
 import type { ValueProcessor } from '../types';
 
 const FILTER_SUFFIXES: Record<string, string> = {

packages/react-native-reanimated/src/css/web/style/processors/colors.ts renamed to packages/react-native-reanimated/src/common/web/style/processors/colors.ts

@@ -1,7 +1,7 @@
 'use strict';
 import type { FontVariant } from 'react-native';
 
-import { FONT_WEIGHT_MAPPINGS } from '../../../constants';
+import { FONT_WEIGHT_MAPPINGS } from '../../../../css/constants';
 import type { ValueProcessor } from '../types';
 
 export const processFontWeight: ValueProcessor<number | string> = (value) => {

packages/react-native-reanimated/src/css/web/style/processors/filter.ts renamed to packages/react-native-reanimated/src/common/web/style/processors/filter.ts

@@ -1 +1,8 @@
-export * from './shadows';
+'use strict';
+export * from '../builders/shadows';
+export * from '../builders/transforms';
+export * from './colors';
+export * from './filter';
+export * from './font';
+export * from './margins';
+export * from './paddings';