fix: icon-button typing

Author: Viraj-10

src/components/composites/IconButton/types.ts

@@ -1,8 +1,7 @@
 import type { InterfacePressableProps } from '../../primitives/Pressable/types';
 import type { IIconProps } from '../../primitives/Icon';
-import type { CustomProps, ResponsiveValue, VariantType } from '../../types';
-import type { ISizes } from '../../../theme/base/sizes';
-
+import type { CustomProps, VariantType } from '../../types';
+import type { ThemeComponentSizeType } from '../../../components/types/utils';
 export interface InterfaceIconButtonProps
   extends Omit<InterfacePressableProps, 'children' | 'color'>,
     Omit<
@@ -35,7 +34,7 @@ export interface InterfaceIconButtonProps
   /**
    * The size of the button.
    */
-  size?: ResponsiveValue<ISizes | (string & {}) | number>;
+  size?: ThemeComponentSizeType<'IconButton'>;
   /**
    * If true, the button will be disabled.
    */
@@ -47,19 +46,19 @@ export interface InterfaceIconButtonProps
   /**
    * Props to be passed to the icon used inside of IconButton.
    */
-  _icon?: IIconProps;
+  _icon?: Partial<IIconProps>;
   /**
    *
    */
-  _hover?: IIconButtonProps;
+  _hover?: Omit<Partial<IIconButtonProps>, '_hover'>;
   /**
    *
    */
-  _pressed?: IIconButtonProps;
+  _pressed?: Omit<Partial<IIconButtonProps>, '_pressed'>;
   /**
    *
    */
-  _focus?: IIconButtonProps;
+  _focus?: Omit<Partial<IIconButtonProps>, '_focus'>;
 }
 
 export type IIconButtonProps = InterfaceIconButtonProps & CustomProps<'Icon'>;