[UIK-5779][icon] fixed builded types

semcore/data-table/src/components/Head/Column.tsx

@@ -17,7 +17,7 @@ import { handleFocusCell, handleKeydownFocusCell } from '../../enhancers/focusab
 import type { ROW_GROUP } from '../DataTable/DataTable';
 import type { DataTableData, SortDirection } from '../DataTable/DataTable.types';
 
-const SORTING_ICON: { [key in SortDirection]: React.FC<React.SVGProps<SVGSVGElement>> } = {
+const SORTING_ICON: { [key in SortDirection]: typeof SortAsc | typeof SortDesc } = {
   desc: SortDesc,
   asc: SortAsc,
 } as const;

semcore/icon/src/Icon.tsx

@@ -124,6 +124,6 @@ function Icon({
   );
 }
 
-type IconComponent = Intergalactic.Component<'svg', IconProps>;
+export type IconComponent = Intergalactic.Component<'svg', IconProps>;
 
 export default createBaseComponent<IconComponent>(Icon, { isIcon: true });

semcore/icon/src/index.ts

@@ -1,7 +1,8 @@
-import type { IconProps } from './Icon';
+import type { IconProps, IconComponent } from './Icon';
 
 export { default } from './Icon';
 
 export type {
+  IconComponent,
   IconProps,
 };

semcore/icon/transform-svg-icon.ts

@@ -48,8 +48,8 @@ async function transform() {
     await fs.mkdir(writeBasePath, { recursive: true });
 
     const dts = `
-import type { IconProps } from '../..${(type === 'pay' || type === 'color') ? '/../' : '/'}types/index.mjs';
-declare const Icon: React.FC<React.SVGProps<SVGSVGElement> & IconProps>;
+import type { IconComponent } from '../..${(type === 'pay' || type === 'color') ? '/../' : '/'}types';
+declare const Icon: IconComponent;
 export default Icon;
     `;
 

semcore/modal/src/Modal.tsx

@@ -222,7 +222,7 @@ function Close(
           )
         : (
             <Button.Addon ml='7px' mr='7px'>
-              <CloseIcon title={getI18nText('close')} />
+              <CloseIcon />
             </Button.Addon>
           )}
     </SClose>,